Xem mã nguồn của trang web

Cho mặc dù các bạn là 1 trong những đơn vị xây đắp web chịu đựng trách nát nhiệm gỡ lỗi mã mối cung cấp trang web xuất xắc chỉ tò mò về bài toán code của một website trông ra làm sao, chúng ta có thể coi mối cung cấp HTML tức thì trong các trình trông nom phổ biến như Google Chrome. Cùng Quantricó.com tò mò biện pháp coi mã mối cung cấp (view source, xem trang source) của một website trên Smartphone với trên máy tính qua nội dung bài viết sau đây nhé!

View source trang web 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ó thể làm cho bên trên Chrome, Edge, Firefox, Opera trên Windows. Về cơ phiên bản cách làm sẽ nlỗi sau, mình ví dụ trên Chrome:

Cách 1: Msinh sống website mong coi mã nguồn.

You watching: Xem mã nguồn của trang web

Cách 2: Nhấp loài chuột nên vào mức trống 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 dìm Ctrl+U giúp xem mã mối cung cấp của trang web trong một tab bắt đầu.


Cách 3: Mã nguồn website sẽ tiến hành msinh sống trong một tab bắt đầu, bạn có thể xem, kiếm tìm hầu như biết tin mình đề xuất tại trên đây.


Safari trên macOS

Để xem mã nguồn một trang web ngẫu nhiên trong Safari bên trên macOS, trước tiên bạn cần kích hoạt menu công ty cải cách và phát triển (Develop menu).

Khi thực đơn công ty phát triển đang lộ diện trên thanh khí cụ, có một số phương pháp không giống nhau nhằm các bạn xem nguồn trang vào Safari.

Mngơi nghỉ ngẫu nhiên website như thế nào vào Safari với nhấn vào phải vào tầm trống trên trang. Một thực đơn ngữ chình ảnh sẽ hiển thị, chúng ta chỉ việc bnóng lựa chọn “Show Page Source”. Trong khi, bạn có thể truy cập thực đơn ngữ cảnh này bằng phương pháp thực hiện tổ hợp phím tắt Option + Command + u.

Nếu bạn đang kiếm tìm tìm hình hình họa hoặc các thành phần đa phương tiện vào bất kỳ website nào, hãy nhìn quý phái ngăn tùy chọn phía trái màn hình. Bạn đang thấy nhiều tlỗi mục không giống nhau nlỗi Images (Hình ảnh), Fonts (Phông chữ), v.v. Nhấp vào thỏng mục “Images” để hoàn toàn có thể search thấy tấm hình bạn cần một bí quyết nhanh chóng.


Sau Lúc đã chọn một hình ảnh, bạn có thể xem bảng liệt kê đọc tin chi tiết của hình hình ảnh kia một bí quyết dễ dãi bằng cách bấm vào nút nằm tại trên thuộc bên bắt buộc của bảng tinh chỉnh và điều khiển, tức thì bên dưới hình tượng bánh răng như hình minh họa tiếp sau đây. Hoặc bạn có thể sử dụng tổ hợp phím tắt Option + Commvà + 0.

quý khách cũng có thể thay đổi vị trí của bảng tinh chỉnh mối cung cấp trang một biện pháp thuận tiện. Có nhì nút ít sinh hoạt trên cùng 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 hình tượng hình chữ nhật nhằm dịch rời bảng điều khiển và tinh chỉnh lịch sự một bên không giống vào cửa sổ trình lưu ý.


Nếu bạn có nhu cầu mlàm việc bảng điều khiển 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 cùng mở nó vào một hành lang cửa số hiếm hoi trên Safari.

Để đánh giá mã đến bất kỳ phần tử ví dụ làm sao trên trang, bạn có thể click chuột nên vào thành phần kia với chọn “Inspect Element”. Thao tác này đang chuyển các bạn trực sau đó đoạn code tương xứng của nó.

See more: 5 Phần Mềm Hack Wifi Miễn Phí Trên Máy Tính Pc, Ios, Android

Xem mã mối cung cấp trang web bởi điện thoại

Lúc Này bản thân bắt đầu chỉ tìm kiếm được cách xem mã mối cung cấp website trên điện thoại Android, iOS thì khá phức hợp.

view-source:https://quantrivới.comCách này cũng có thể áp dụng được cùng với các trình coi ngó trên máy tính chạy Windows.


Kiểm tra những nhân tố bên trên web cùng với Developer Tools

Nếu nhiều người đang search tìm 1 phần tử hoặc một trong những phần rõ ràng trong mối cung cấp HTML, thì vấn đề sử dụng View Source khôn xiết tẻ nphân tử cùng cồng kềnh, đặc trưng ví như trang sử dụng những JavaScript với CSS.

Phương pháp này sử dụng Developer Tools trong Chrome và là cách tiếp cận Gọn gàng rộng nhiều để xem mã nguồn. HTML đọc dễ hơn tại chỗ này nhờ vào format bổ sung và khả năng thu gọn các nhân tố mà bạn không thích thấy.

Mnghỉ ngơi Chrome với đi cho trang bạn có nhu cầu kiểm tra; tiếp đến nhấn Ctrl+Shift+I. Một form được gắn sẽ msinh sống cùng với website mà nhiều người đang xem.

Nhấp vào mũi thương hiệu nhỏ dại color xám sát bên một nhân tố để mở rộng hơn nữa.

Nếu bạn không muốn coi code đầy đủ của trang theo mang định, tuy thế cố kỉnh vào kia hãy kiểm soát một nhân tố ví dụ trong HTML, bấm vào buộc phải vào khoảng trống đó trên trang, sau đó nhấp vào Inspect.

Khi khung xuất hiện thêm lần này, nó vẫn đi thẳng vào phần code gồm đựng bộ phận nhưng mà các bạn vẫn nhấp.


Nếu bạn muốn thay đổi địa chỉ doông xã, bạn có thể dịch chuyển nó xuống bên dưới thuộc, bên trái, mặt yêu cầu hoặc thậm chí là gửi nó vào một trong những hành lang cửa số hiếm hoi. Nhấp vào hình tượng menu (tía lốt chấm), sau đó chọn mlàm việc doông xã trong một hành lang cửa số riêng, neo bên trái, bên dưới hoặc bên buộc phải khớp ứng.

See more: Ghim Trên Đồ Án Tốt Nghiệp Kiến Trúc Nước Ngoài Dạng Mô Hình

Đó là toàn bộ phần đa gì phải có tác dụng. Lúc các bạn coi ngừng code, hãy đóng góp tab View Source hoặc nhấp vào nút X, trong ngăn uống Developer Tools để trở về trang web của công ty.

Chúc chúng ta triển khai thành công!


4,8 ★ 8