Cách xem code của 1 trang web

Cách xem code của 1 website được tương đối nhiều bạn quyên tâm.

Bạn đang xem: Cách xem code của 1 trang web

Xem source code giúp những lập trình viên website rất có thể tư duy được nhiều cẩn thận không giống nhau vào quy trình làm việc. Nếu bạn đang tò 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 website bên trên trang bị tính

Xem code thẳng bên trên trang web

Đối với cách view source code website này, người tiêu dùng có thể triển khai bên trên các trình lưu ý web nlỗi Chrome, Edge, Firefox, Opera. Bằng công việc cơ bạn dạng nlỗi sau:

Bước 1: Msinh sống trình duyệt y web Google Chrome -> Truy cập lệ hệ trọng website mà lại bạn có nhu cầu xem mã nguồnCách 2: Nhấn loài chuột buộc phải vào bất cứ địa chỉ làm sao trên trang web -> 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ã nguồn website được hiển thị trong 1 tab mới. vì vậy, bạn đã có thể xem, search kiếm đọc tin code web tại phía trên. 

Sử dụng công cụ 

Ngoài cách View Page Source được cung cấp vày Google, người dùng còn hoàn toàn có thể sử dụng mức sử dụng hỗ trợ giành riêng cho Nhà phát triển. Theo AIO, lý lẽ này góp người dùng thông liền sâu rộng về website với có chức năng coi bộ phận trong HTML thuận tiện. Cách thực hiện dụng cụ nlỗi sau:

Bước 1: Truy ctràn vào trình chuẩn y web Google Chrome -> Nhập hệ trọng website coi code -> Nhấn vào biểu tượng tía chnóng ở góc bên đề xuất của tkhô giòn hiện tượng. Cách 2: Chọn “More Tools (Công cố kỉnh khác)” -> Chọn “Developer Tools (Công cố kỉnh giành riêng cho Nhà phân phát triển) hoặc nhận tổng hợp phím Ctrl + Shift + I nhằm mnghỉ ngơi công cụ. Bước 3: Hộp thoại hiển thị các mã mối cung cấp HTML lân cận trang web mà lại ai đang xem. 

Công núm này cung cấp người dùng search kiếm ngay lập tức mã HTML bất kỳ bằng cách bôi Đen hoặc lựa chọn một số công bố trên trang web bao gồm. Tiếp đến, nhận loài chuột đề nghị vào phần quẹt black -> Chọn “Inspect (Kiểm tra)” -> Mã HTML khớp ứng được trét đậm đánh dấu hiển thị bên buộc phải cửa sổ website. 

Cách xem source code website của một website bên trên macbook

Người cần sử dụng hoàn toàn có thể coi mã mối cung cấp của 1 trang web bất kỳ bởi trình chăm sóc Safari trên MacOS. 

Bước 1: Mlàm việc vận dụng Safari với biểu tượng la bàn màu xanh lá cây dương -> Nhấn lựa chọn “Safari” bên trên tkhô cứng menu nghỉ ngơi phía bên trên, phía bên trái -> Trình solo được thả xuốngCách 2: Nhấn chọn mục “Preferences (Tùy chỉnh)” -> Nhấn chọn biểu tượng ốc vkhông nhiều của thẻ “Advanced (Nâng cao)” ở góc cạnh trên, bên phải. Cách 3: Hộp thoại mở ra -> Tích vào ô “Show Develop thực đơn in menu bar (Hiển thị bảng chọn Phát triển trong tkhô nóng menu)” -> Bảng lựa chọn Develop mở ra bên trên tkhô hanh menu của Safari. Bước 4: Truy cập website yêu cầu coi mã mối cung cấp code -> Nhấn lựa chọn “Develop” trên tkhô nóng menu -> Nhấn vào “Show Page Source (Hiển thị mã nguồn)”. quý khách đang có thể coi mã mối cung cấp trang web tiếp nối. 

quý khách hàng cũng hoàn toàn có thể thực hiện tổng hợp phím Option + Command + U để thấy mã mối cung cấp nhanh chóng, tiện lợi. Để kiểm tra mã mối cung cấp của bộ phận bất kỳ, chúng ta trét black cùng thừa nhận loài chuột phải, chọn “Inspect Element”.

Xem thêm: Công Thức Tính Giá Trái Phiếu, Cách Để Tính Giá Trị Trái Phiếu

Đoạn code tương ứng được hiển thị trực tiếp. 

Hình như, nếu như bạn vẫn tìm kiếm hình ảnh hoặc đa phương tiện không giống trong website, bạn có thể áp dụng tùy lựa chọn phía trái màn hình. quý khách chỉ cần dìm chọn “Images (Hình ảnh), “Fonts (Phông chữ)…. để xem thông tin bắt buộc tra cứu kiếm. 

Sau lúc chọn hình hình ảnh, bạn coi thông báo nguồn bằng phương pháp dìm chuột vào biểu tượng màn hình bao gồm thanh dọc mặt bắt buộc. Hoặc áp dụng tổ hợp phím Option + Command + 0.

Cách xem Source code web trên năng lượng điện thoại

Cách mở HTML của 1 trang web bởi Android

Để xem code của trang web trên Android, các bạn tiến hành theo hướng dẫn sau của AIO: 

Bước 1: Msinh hoạt trình xem xét Chrome hoặc Firefox. Truy cập website ao ước xem mã mối cung cấp code. Bước 2: Chèn thêm cụm “view-source” trước http://. lấy một ví dụ bạn đang muốn xem code của https://bdskingland.com/ bạn nhập vào thanh hao liên hệ nhỏng sau: 

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

Đối với phương thức này, bạn cũng có thể áp dụng bên trên trình chăm sóc web của 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 cầm cố trình phê duyệt website Safari trên iOS cần thiết sử dụng phương thức trên nlỗi Android. Vì nuốm, bạn phải tải vận dụng cung cấp xem mối cung cấp website với các gợi ý bên dưới đây: 

Cách 1: Tìm kiếm, cài ứng dụng “View Source” bên trên App StoreBước 2: Truy ctràn lên trình săn sóc Safari, chọn biểu tượng Share bên trên màn hình. Bảng chia sẻ mở ra, chúng ta vuốt những vận dụng dưới đếm mục “Thêm” gồm dấu tía chnóng -> Bật chiếc View Source. Cách 3: Trong tkhô giòn mức sử dụng cơ hội nãy, bạn sẽ thấy tùy lựa chọn new “View Source”. Nhấn giữ lại với di chuyển vận dụng mang lại vị trí phù hợp trên trình chăm chút Safari.Bước 4: Truy ctràn lên trang web buộc phải coi code, dìm hình tượng chia sẻ với lựa chọn View Source vừa thêm. bởi thế, toàn thể đọc tin mã nguồn hiển thị. Để tra cứu ký từ, chúng ta lựa chọn biểu tượng share -> Nhấn chọn “Find (Tìm)” -> Gõ cam kết trường đoản cú đề nghị kiếm tìm tìm.