Cách xem code của 1 trang web

      20

Cách coi code của 1 trang web được không hề ít người quan tiền tâm.

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

Coi source code giúp những lập trình viên website có thể suy luận được không ít khía cạnh không giống nhau trong quy trình làm việc. Nếu khách hàng đang tìm hiểu phương pháp này thì hãy tham khảo hướng dẫn dưới đây của AIO nhé!

*


Cách xem code của 1 trang web trên máy tính

Xem code trực tiếp trên trang web

Đối với cách view source code web này, tín đồ dùng hoàn toàn có thể thực hiện tại trên những trình chăm bẵm web như Chrome, Edge, Firefox, Opera. Bằng quá trình cơ bản như sau:

Bước 1: Mở trình săn sóc web Google Chrome -> truy cập vào showroom trang web mà bạn có nhu cầu xem mã nguồnBước 2: nhấn chuột buộc phải vào bất kể vị trí làm sao trên trang web -> lựa chọn “View Page Source (Xem mối cung cấp trang) hoặc nhấn tổ hợp phím Ctrl + UBước 3: Mã nguồn trang web được hiển thị trong một tab mới. Như vậy, bạn đã có thể xem, tìm kiếm kiếm tin tức code web trên đây. 

Sử dụng công cụ 

Ngoài cách View Page Source được cung ứng bởi Google, người tiêu dùng còn có thể sử dụng công cụ cung cấp dành mang đến Nhà phát triển. Theo AIO, giải pháp này giúp người dùng am hiểu sâu hơn về trang web và có chức năng xem phần tử trong HTML dễ dàng. Cách áp dụng công cố kỉnh như sau:

Bước 1: truy vấn vào trình thông qua web Google Chrome -> Nhập add trang website xem code -> nhận vào hình tượng ba chấm ở góc cạnh bên yêu cầu của thanh công cụ. Bước 2: chọn “More Tools (Công rứa khác)” -> chọn “Developer Tools (Công cụ giành riêng cho Nhà phạt triển) hoặc nhấn tổng hợp phím Ctrl + Shift + I để mở công cụ. Bước 3: hộp thoại hiển thị những mã mối cung cấp HTML sát bên trang website mà nhiều người đang xem. 

Công vắt này cung ứng người sử dụng tìm kiếm ngay mã HTML bất kỳ bằng cách bôi black hoặc chọn một số thông tin trên trang web chính. Tiếp đến, thừa nhận chuột nên vào phần bôi đen -> lựa chọn “Inspect (Kiểm tra)” -> Mã HTML khớp ứng được thoa đậm đánh dấu hiển thị bên phải hành lang cửa số web. 

Cách xem source code web của 1 trang web trên macbook

Người dùng có thể xem mã nguồn của một trang web ngẫu nhiên bằng trình duyệt y Safari bên trên MacOS. 

Bước 1: Mở ứng dụng Safari với biểu tượng la bàn blue color dương -> Nhấn lựa chọn “Safari” trên thanh menu sinh hoạt phía trên, phía trái -> Trình 1-1 được thả xuốngBước 2: Nhấn chọn mục “Preferences (Tùy chỉnh)” -> dìm chọn biểu tượng ốc vít của thẻ “Advanced (Nâng cao)” ở góc trên, mặt phải. Bước 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 cải tiến và phát triển trong thanh menu)” -> Bảng chọn Develop xuất hiện thêm trên thanh thực đơn của Safari. Bước 4: truy cập trang web yêu cầu xem mã mối cung cấp code -> Nhấn lựa chọn “Develop” bên trên thanh menu -> nhấn vào “Show Page Source (Hiển thị mã nguồn)”. Bạn đã sở hữu thể xem mã nguồn website sau đó. 

Bạn cũng hoàn toàn có thể sử dụng tổ hợp phím Option + Command + U để thấy mã nguồn nhanh chóng, luôn tiện lợi. Để khám nghiệm mã nguồn của bộ phận bất kỳ, bạn bôi đen và nhấn con chuột phải, lựa chọn “Inspect Element”.

Xem thêm: Nhan Sắc Tuổi 50 Của Mc Thanh Mai Và Giáng My, Cuộc Sống Của Mc Thanh Mai Ở Tuổi 46

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

Ngoài ra, nếu như bạn đang tìm kiếm kiếm hình ảnh hoặc đa phương tiện đi lại khác trong web, bạn có thể sử dụng tùy chọn phía bên trái màn hình. Bạn chỉ việc nhấn chọn “Images (Hình ảnh), “Fonts (Phông chữ)…. để thấy thông tin cần search kiếm. 

Sau khi chọn hình ảnh, chúng ta xem thông tin nguồn bằng phương pháp nhấn con chuột vào biểu tượng màn hình có thanh dọc bên phải. Hoặc sử dụng tổng hợp phím Option + Command + 0.

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

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

Để coi code của website trên Android, bạn triển khai theo hướng dẫn sau của AIO: 

Bước 1: Mở trình chú tâm Chrome hoặc Firefox. Truy vấn trang web ước ao xem mã nguồn code. Bước 2: Chèn thêm nhiều “view-source” trước http://. Ví dụ nhiều người đang muốn xem code của https://vychi.com.vn/ các bạn nhập vào thanh địa chỉ như sau: 

view-source:https://vychi.com.vn/

Đối với phương thức này, chúng ta cũng có thể áp dụng trên trình trông nom web của dòng sản phẩm tính, laptop. 

Cách coi code của 1 trang web trên iOS

Công vậy trình xem xét web Safari bên trên iOS chẳng thể sử dụng cách thức trên như Android. Vày thế, bạn phải tải ứng dụng cung cấp xem nguồn trang web với các hướng dẫn dưới đây: 

Bước 1: kiếm tìm kiếm, tải vận dụng “View Source” trên app StoreBước 2: truy vấn vào trình để mắt tới Safari, chọn biểu tượng Share bên trên màn hình. Bảng share xuất hiện, các bạn vuốt các ứng dụng dưới đếm mục “Thêm” tất cả dấu cha chấm -> nhảy dòng View Source. Bước 3: vào thanh giải pháp lúc nãy, các bạn sẽ thấy tùy chọn new “View Source”. Nhấn giữ và di chuyển ứng dụng mang lại vị trí cân xứng trên trình coi ngó Safari.Bước 4: truy vấn vào trang web cần coi code, nhấn hình tượng chia sẻ và chọn View Source vừa thêm. Như vậy, toàn cục thông tin mã nguồn hiển thị. Để tìm ký tự, chúng ta chọn hình tượng chia sẻ -> Nhấn lựa chọn “Find (Tìm)” -> Gõ cam kết tự buộc phải tìm kiếm. 

*