Cho dù chúng ta là 1 trong những nhà xây đắp web Chịu đựng trách nát nhiệm gỡ lỗi mã nguồn trang web xuất xắc chỉ hiếu kỳ về vấn đề code của một trang web trông ra làm sao, bạn cũng có thể xem nguồn HTML tức thì trong số trình để mắt tới phổ cập nhỏng Google Chrome. Cùng Quantrivới.com mày mò biện pháp coi mã mối cung cấp (view source, view page source) của một trang web trên điện thoại cảm ứng thông minh với trên laptop qua nội dung bài viết tiếp sau đây nhé!

View source trang web bên trên sản phẩm 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 cho trên Chrome, Edge, Firefox, Opera bên trên Windows. Về cơ bản biện pháp có tác dụng vẫn nhỏng sau, bản thân ví dụ bên trên Chrome:

Cách 1: Mnghỉ ngơi website ý muốn xem mã nguồn.

Bạn đang xem: View page source là gì

Cách 2: Nhấp chuột phải vào thời gian trống trên website, chọn View Page Source/Xem nguồn trang (Page Source trên Opera) hoặc nhấn Ctrl+U giúp xem mã nguồn của website trong một tab new.


Bước 3: Mã mối cung cấp website sẽ được mnghỉ ngơi vào một tab new, chúng ta cũng có thể coi, kiếm tìm rất nhiều thông tin mình phải tại trên đây.


Safari trên macOS

Để coi mã nguồn một trang web bất kỳ vào Safari bên trên macOS, trước tiên bạn phải kích hoạt thực đơn nhà trở nên tân tiến (Develop menu).

lúc thực đơn đơn vị cải cách và phát triển đã lộ diện bên trên tkhô giòn pháp luật, gồm một trong những giải pháp không giống nhau nhằm các bạn coi mối cung cấp trang trong Safari.

Mở bất kỳ trang web làm sao trong Safari với nhấn vào phải vào tầm khoảng trống bên trên trang. Một thực đơn ngữ cảnh sẽ hiện ra, các bạn chỉ cần bấm chọn “Show Page Source”. Hình như, chúng ta có thể truy cập thực đơn ngữ chình ảnh này bằng phương pháp sử dụng tổng hợp phím tắt Option + Command + u.

Nếu ai đang kiếm tìm tìm hình ảnh hoặc những bộ phận nhiều phương tiện vào ngẫu nhiên trang web làm sao, hãy nhìn quý phái ngnạp năng lượng tùy chọn bên trái screen. Bạn vẫn thấy những thư mục khác biệt nlỗi Images (Hình ảnh), Fonts (Phông chữ), v.v. Nhấp vào thư mục “Images” để có thể tìm thấy bức ảnh bạn cần một biện pháp nhanh lẹ.


Sau Khi vẫn lựa chọn 1 hình hình họa, bạn có thể xem bảng liệt kê đọc tin cụ thể của hình hình họa đó một giải pháp dễ dãi bằng cách click chuột nút nằm ở vị trí bên trên thuộc bên đề nghị của bảng tinh chỉnh và điều khiển, ngay lập tức bên dưới hình tượng bánh răng nhỏng hình minch họa dưới đây. Hoặc chúng ta cũng có thể áp dụng tổng hợp phím tắt Option + Command + 0.

Quý Khách cũng hoàn toàn có thể biến hóa địa điểm của bảng tinh chỉnh và điều khiển mối cung cấp trang một phương pháp tiện lợi. Có nhị nút ít nghỉ ngơi bên trên thuộc phía bên trái của bảng điều khiển và tinh chỉnh này, ngay lập tức ở kề bên nút X. Nhấp vào biểu tượng hình chữ nhật để dịch rời bảng tinh chỉnh và điều khiển thanh lịch một phía không giống trong cửa sổ trình trông nom.


Nếu bạn muốn msống bảng điều khiển và tinh chỉnh mối cung cấp trang vào một cửa sổ đơn lẻ, có thể nhấp vào hình tượng hai hình chữ nhật. Thao tác này vẫn bóc bảng điều khiển và tinh chỉnh với mở nó vào một cửa sổ riêng biệt bên trên Safari.

Để bình chọn mã mang đến ngẫu nhiên thành phần cụ thể nào bên trên trang, chúng ta cũng có thể nhấp chuột đề nghị vào phần tử đó với lựa chọn “Inspect Element”. Thao tác này vẫn chuyển bạn trực sau đó đoạn code tương ứng của chính nó.

Xem thêm: Tờ Hướng Dẫn Trong Tiếng Anh Là Gì? Hướng Dẫn Sử Dụng Tiếng Anh Là Gì

Xem mã mối cung cấp website bằng năng lượng điện thoại

Bây Giờ mình mới chỉ kiếm được biện pháp xem mã mối cung cấp website trên điện thoại Android, iOS thì tương đối tinh vi.

view-source:https://quantricó.comCách này cũng rất có thể vận dụng được với những trình cẩn thận trên máy tính chạy Windows.


Kiểm tra các nguyên tố bên trên web cùng với Developer Tools

Nếu bạn đang tìm tìm một trong những phần tử hoặc một trong những phần ví dụ vào mối cung cấp HTML, thì việc thực hiện View Source vô cùng tẻ nphân tử và kềnh càng, quan trọng giả dụ trang thực hiện nhiều JavaScript với CSS.

Phương thơm pháp này sử dụng Developer Tools trong Chrome cùng là phương pháp tiếp cận gọn gàng hơn những giúp thấy mã nguồn. HTML dễ nhìn đọc rộng tại đây nhờ vào định hình bổ sung cập nhật và tài năng thu gọn gàng những nhân tố mà lại bạn không muốn thấy.

Msống Chrome cùng đi cho trang bạn muốn kiểm tra; tiếp đến nhận Ctrl+Shift+I. Một form được gắn thêm sẽ mnghỉ ngơi với trang web cơ mà nhiều người đang xem.

Nhấp vào mũi tên nhỏ tuổi màu sắc xám kề bên một nguyên tố nhằm không ngừng mở rộng không dừng lại ở đó.

Nếu các bạn không muốn coi code không thiếu thốn của trang theo mang định, mà lại cầm cố vào đó hãy bình chọn một yếu tố rõ ràng vào HTML, bấm chuột buộc phải vào thời gian trống kia bên trên trang, tiếp nối nhấp vào Inspect.

Lúc khung lộ diện lần này, nó đã đi thẳng vào phần code tất cả chứa bộ phận nhưng các bạn đã nhấp.


Nếu bạn muốn đổi khác vị trí dock, chúng ta cũng có thể dịch chuyển nó xuống dưới cùng, bên trái, mặt nên hoặc thậm chí chuyển nó vào một cửa sổ đơn nhất. Nhấp vào hình tượng menu (tía lốt chấm), tiếp đến chọn msống dock trong một hành lang cửa số riêng rẽ, neo bên trái, bên dưới hoặc mặt đề xuất tương ứng.

Xem thêm: Download Game Cossfire 2D Vip Offline Đây, Link Download Game Đột Kích Offline (Cf Offline 4

Đó là tất cả mọi gì buộc phải làm. Lúc chúng ta coi hoàn thành code, hãy đóng tab View Source hoặc nhấp vào nút ít X, vào ngnạp năng lượng Developer Tools nhằm trở lại trang web của chúng ta.

Chúc các bạn triển khai thành công!


4,8 ★ 8
Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *