Cách xem mã nguồn trang web

      19

Cách coi code của một trang web được không hề ít bạn quyên tâm. Xem source code giúp các lập trình viên website rất có thể suy luận được không ít chi tiết không giống nhau trong quá trình thao tác làm việc. Nếu nhiều người đang mày mò phương thức này thì hãy xem thêm lí giải dưới đây của AIO nhé!

*


Cách xem code của một trang web bên trên vật dụng tínhXem code trực tiếp trên trang webSử dụng công cụCách xem source code web của 1 website bên trên macbookCách coi Source code website bên trên năng lượng điện thoạiCách msống HTML của 1 trang web bởi AndroidCách coi code của một website bên trên iOS

Cách xem code của một trang web trên trang bị tính

Xem code thẳng trên trang web

Đối với giải pháp view source code website này, người tiêu dùng rất có thể triển khai trên các trình lưu ý website nlỗi Chrome, Edge, Firefox, Opera. Bằng quá trình cơ bạn dạng nlỗi sau:

Cách 1: Mlàm việc trình chăm sóc web Google Chrome -> Truy ctràn lên địa chỉ website nhưng bạn có nhu cầu coi mã nguồnBước 2: Nhấn loài chuột nên vào bất cứ địa điểm nào bên trên website -> Chọn View Page Source (Xem mối cung cấp trang) hoặc dấn tổng hợp phím Ctrl + UCách 3: Mã mối cung cấp trang web được hiển thị trong 1 tab new. do đó, bạn đã sở hữu thể coi, tra cứu kiếm báo cáo code web trên trên đây.

Bạn đang xem: Cách xem mã nguồn trang web


Sử dụng công cụ

Ngoài biện pháp View Page Source được cung ứng bởi Google, người tiêu dùng còn hoàn toàn có thể sử dụng cách thức cung cấp giành cho Nhà trở nên tân tiến. Theo AIO, phương pháp này góp người dùng thông tỏ sâu hơn về website với có tác dụng coi bộ phận trong HTML dễ ợt. Cách áp dụng luật nhỏng sau:

Bước 1: Truy ctràn lên trình thông qua web Google Chrome -> Nhập liên hệ trang web xem code -> Nhấn vào biểu tượng cha chấm ở góc bên phải của tkhô cứng luật.Bước 2: Chọn More Tools (Công cụ khác) -> Chọn Developer Tools (Công cụ giành riêng cho Nhà phạt triển) hoặc dìm tổ hợp phím Ctrl + Shift + I nhằm msống cơ chế.Cách 3: Hộp thoại hiển thị các mã nguồn HTML kề bên trang web mà nhiều người đang xem.

Công cầm cố này cung ứng người dùng tìm tìm tức thì mã HTML ngẫu nhiên bằng phương pháp thoa Black hoặc chọn 1 số lên tiếng trên trang web thiết yếu. Tiếp mang đến, thừa nhận loài chuột phải vào phần bôi black -> Chọn Inspect (Kiểm tra) -> Mã HTML tương ứng được thoa đậm ghi lại hiển thị bên đề xuất cửa sổ website.

Cách coi source code website của 1 website trên macbook

Người cần sử dụng rất có thể xem mã nguồn của 1 website ngẫu nhiên bằng trình chăm nom Safari bên trên MacOS.

Cách 1: Mở ứng dụng Safari cùng với hình tượng la bàn blue color dương -> Nhấn lựa chọn Safari bên trên tkhô giòn thực đơn nghỉ ngơi bên trên, bên trái -> Trình đối kháng được thả xuốngCách 2: Nhấn chọn mục Preferences (Tùy chỉnh) -> Nhấn lựa chọn hình tượng ốc vít của thẻ Advanced (Nâng cao) ở góc cạnh bên trên, bên bắt buộc.Bước 3: Hộp thoại lộ diện -> Tích vào ô Show Develop thực đơn in thực đơn bar (Hiển thị bảng chọn Phát triển trong tkhô giòn menu) -> Bảng lựa chọn Develop xuất hiện bên trên tkhô hanh menu của Safari.Bước 4: Truy cập trang web buộc phải xem mã mối cung cấp code -> Nhấn chọn Develop bên trên tkhô giòn menu -> Nhấn vào Show Page Source (Hiển thị mã nguồn). Bạn đang rất có thể xem mã mối cung cấp trang web sau đó.

Xem thêm: Sinh Năm 1981 Năm 2021 Sao Gì Chiếu Mạng Nam Nữ Tuổi Tân Dậu Nên Kinh Doanh Gì ?

Bạn cũng có thể thực hiện tổ hợp phím Option + Command + U để thấy mã mối cung cấp hối hả, thuận tiện. Để kiểm soát mã mối cung cấp của phần tử bất kỳ, các bạn thoa Đen với thừa nhận con chuột bắt buộc, chọn Inspect Element. Đoạn code tương ứng được hiển thị trực tiếp.

Bên cạnh đó, nếu như bạn vẫn kiếm tìm kiếm hình họa hoặc nhiều phương tiện đi lại khác trong web, bạn có thể sử dụng tùy chọn phía trái màn hình. Quý Khách chỉ việc nhận lựa chọn Images (Hình ảnh), Fonts (Phông chữ). giúp xem báo cáo bắt buộc tra cứu tìm.

Sau khi chọn hình ảnh, bạn xem công bố nguồn bằng phương pháp dìm con chuột vào hình tượng màn hình có tkhô giòn dọc bên cần. Hoặc thực hiện tổng hợp phím Option + Command + 0.


Cách coi Source code web bên trên điện thoại

Cách msinh hoạt HTML của một website bằng Android

Để coi code của trang web bên trên Android, bạn triển khai theo phía dẫn sau của AIO:

Bước 1: Mnghỉ ngơi trình chú tâm Chrome hoặc Firefox. Truy cập website mong coi mã nguồn code.Cách 2: Cyếu thêm các view-source trước http://. lấy ví dụ như bạn đang ý muốn coi code của https://thietkewebaio.com/ chúng ta nhập vào tkhô hanh liên hệ nlỗi sau:

view-source:https://thietkewebaio.com/

Đối với phương pháp này, bạn cũng có thể vận dụng trên trình để mắt tới web của dòng sản phẩm tính, máy vi tính.

Cách coi code của một website bên trên iOS

Công gắng trình thông qua web Safari trên iOS cần thiết sử dụng phương thức trên như Android. Vì gắng, bạn cần tải vận dụng cung cấp coi mối cung cấp trang web với các chỉ dẫn bên dưới đây:

Cách 1: Tìm kiếm, cài áp dụng View Source trên App StoreBước 2: Truy cập vào trình cẩn thận Safari, chọn biểu tượng Share bên trên màn hình. Bảng share lộ diện, bạn vuốt những vận dụng dưới đếm mục Thêm có vết cha chấm -> Bật dòng View Source.Cách 3: Trong thanh hao pháp luật thời gian nãy, bạn sẽ thấy tùy chọn bắt đầu View Source. Nhấn duy trì cùng dịch rời ứng dụng cho vị trí tương xứng trên trình chăm chú Safari.Cách 4: Truy ctràn vào trang web đề nghị xem code, thừa nhận hình tượng chia sẻ và chọn View Source vừa thêm. do đó, toàn bộ thông báo mã mối cung cấp hiển thị. Để tra cứu ký từ, bạn lựa chọn biểu tượng chia sẻ -> Nhấn lựa chọn Find (Tìm) -> Gõ cam kết từ bỏ đề nghị tìm kiếm kiếm.

*