Xem ở trang mở ra

  -  
Cho mặc dù các bạn là một trong những nhà thi công web Chịu trách rưới nhiệm gỡ lỗi mã mối cung cấp trang web tuyệt chỉ hiếu kỳ về bài toán code của một trang web trông ra sao, bạn cũng có thể coi nguồn HTML ngay trong những trình duyệt phổ biến nhỏng Google Chrome. Cùng Quantrivới.com khám phá bí quyết coi mã nguồn (view source, xem trang source) của một website bên trên Smartphone và trên máy vi tính qua nội dung bài viết sau đây nhé!

View source trang web trên thiết bị tính

Chrome, Edge, Firefox, Opera bên trên Windows

Cách view source này bạn cũng có thể làm bên trên Chrome, Edge, Firefox, Opera trên Windows. Về cơ bạn dạng phương pháp làm đang như sau, mình ví dụ trên Chrome:Cách 1: Mlàm việc trang web mong muốn xem mã mối cung cấp.

Bạn đang xem: Xem ở trang mở ra

Bước 2: Nhấp con chuột buộc phải vào thời gian trống bên trên trang web, lựa chọn View Page Source/Xem mối cung cấp trang (Page Source trên Opera) hoặc nhận Ctrl+U để xem mã nguồn của website trong một tab new.
Bước 3: Mã nguồn trang web sẽ tiến hành mlàm việc trong một tab bắt đầu, chúng ta có thể coi, kiếm tìm đa số đọc tin bản thân buộc phải trên phía trên.

Safari trên macOS

Để coi mã mối cung cấp một trang web ngẫu nhiên vào Safari bên trên macOS, trước tiên bạn phải kích hoạt menu đơn vị cách tân và phát triển (Develop menu).Khi menu đơn vị cải cách và phát triển sẽ xuất hiện thêm trên thanh lý lẽ, có một số biện pháp không giống nhau để các bạn xem nguồn trang vào Safari.Mngơi nghỉ ngẫu nhiên trang web như thế nào trong Safari cùng bấm chuột yêu cầu vào khoảng trống trên trang. Một thực đơn ngữ cảnh đã hiển thị, các bạn chỉ việc bấm chọn “Show Page Source”. Dường như, chúng ta có thể truy cập thực đơn ngữ cảnh này bằng cách áp dụng tổ hợp phím tắt Option + Commvà + u.Nếu ai đang kiếm tìm tìm hình ảnh hoặc các phần tử nhiều phương tiện trong ngẫu nhiên website nào, hãy nhìn quý phái ngăn uống tùy lựa chọn phía trái màn hình hiển thị. quý khách hàng đã thấy các thỏng mục không giống nhau như Images (Hình ảnh), Fonts (Phông chữ), v.v. Nhấp vào thỏng mục “Images” nhằm hoàn toàn có thể kiếm tìm thấy tấm hình bạn phải một cách gấp rút.

Xem thêm: Thi Bằng Lái Xe Ô Tô 2020 - Cã¡C LoạI BằNg Lã¡I Xe CậP NhậT 2020


Sau khi đang lựa chọn 1 hình hình họa, chúng ta có thể xem bảng liệt kê thông tin chi tiết của hình hình họa đó một cách dễ dãi bằng phương pháp bấm vào nút nằm tại vị trí trên cùng mặt bắt buộc của bảng điều khiển, ngay lập tức dưới biểu tượng bánh răng nlỗi hình minc họa dưới đây. Hoặc chúng ta cũng có thể thực hiện tổng hợp phím tắt Option + Command + 0.Quý Khách cũng rất có thể biến hóa địa điểm của bảng điều khiển mối cung cấp trang một biện pháp tiện lợi. Có nhì nút ít sống bên trên thuộc phía bên trái của bảng tinh chỉnh và điều khiển này, ngay lập tức kề bên nút ít X. Nhấp vào biểu tượng hình chữ nhật để dịch chuyển bảng điều khiển quý phái một phía không giống trong cửa sổ trình phê duyệt.
Nếu bạn muốn msinh sống bảng điều khiển và tinh chỉnh mối cung cấp trang trong một hành lang cửa số riêng biệt, rất có thể nhấp vào biểu tượng hai hình chữ nhật. Thao tác này đang tách bóc bảng điều khiển và tinh chỉnh với msống nó trong một cửa sổ cá biệt trên Safari.Để bình chọn mã đến bất kỳ thành phần cụ thể làm sao trên trang, bạn có thể bấm vào buộc phải vào phần tử kia với lựa chọn “Inspect Element”. Thao tác này vẫn đưa chúng ta trực kế tiếp đoạn code tương xứng của chính nó.

Xem mã nguồn trang web bởi năng lượng điện thoại

Kiểm tra các yếu tắc bên trên website với Developer Tools

Nếu ai đang tìm kiếm một phần tử hoặc một trong những phần rõ ràng trong mối cung cấp HTML, thì việc áp dụng View Source cực kỳ tẻ nphân tử cùng bự chảng, đặc trưng nếu trang thực hiện những JavaScript với CSS.Pmùi hương pháp này sử dụng Developer Tools vào Chrome với là phương pháp tiếp cận nhỏ gọn rộng những giúp xem mã nguồn. HTML dễ đọc hơn tại chỗ này dựa vào định hình bổ sung cập nhật với kĩ năng thu gọn gàng những yếu tố mà bạn không thích thấy.Mnghỉ ngơi Chrome cùng đi đến trang bạn có nhu cầu kiểm tra; sau đó dấn Ctrl+Shift+I. Một size được đính sẽ msinh hoạt với website mà lại nhiều người đang xem.Nhấp vào mũi tên nhỏ dại màu xám ở kề bên một yếu tố nhằm không ngừng mở rộng không chỉ có vậy.Nếu chúng ta không thích coi code không thiếu của trang theo khoác định, tuy thế nỗ lực vào kia hãy bình chọn một nguyên tố cụ thể vào HTML, nhấn vào buộc phải vào thời gian trống đó bên trên trang, tiếp nối nhấp vào Inspect.

Xem thêm:

lúc size mở ra lần này, nó sẽ đi trực tiếp vào phần code bao gồm chứa thành phần mà lại bạn sẽ nhấp.
Nếu bạn muốn đổi khác vị trí dochồng, bạn có thể dịch chuyển nó xuống dưới thuộc, bên trái, mặt buộc phải hoặc thậm chí chuyển nó vào một trong những cửa sổ đơn nhất. Nhấp vào biểu tượng menu (ba vệt chấm), tiếp đến chọn msinh hoạt dochồng trong một cửa sổ riêng rẽ, neo phía bên trái, phía bên dưới hoặc mặt buộc phải khớp ứng.Đó là toàn bộ rất nhiều gì đề nghị làm cho. Lúc các bạn coi kết thúc code, hãy đóng tab View Source hoặc nhấp vào nút X, trong ngnạp năng lượng Developer Tools nhằm quay lại trang web của người sử dụng.Chúc chúng ta triển khai thành công!
Kích hoạt bản lĩnh coi xét với tư phương pháp khách trên Google Chrome và Chromebook Cách ẩn nội dung spoil bên trên Google Chrome Cách cần sử dụng NoScript chặn quảng bá trên Google Chrome Google Maps hiện nay sẽ rất có thể cho thấy đúng chuẩn vận tốc dịch rời của doanh nghiệp trong thời hạn thực Cách tắt auto dịch ngữ điệu trong Google Chrome Cách nhảy thông tin Facebook bên trên Google Chrome