Cách để Xem mã nguồn website

Tải về bản PDF

Cùng viết bởi Jack Lloyd

Tải về bản PDF

Trong bài viết này:

Chrome, Firefox, Edge và Internet Explorer

Safari

Trên Wikis

Bài viết có liên quan

wikiHow hôm nay sẽ hướng dẫn bạn cách xem mã nguồn – ngôn ngữ lập trình đằng sau mọi website – trên hầu hết các trình duyệt web. Ngoại trừ mẹo dùng Safari, bạn không thể xem mã nguồn trang web khi sử dụng trình duyệt trên thiết bị di động.

Các bước

Phương pháp 1 của 3:

Chrome, Firefox, Edge và Internet Explorer

1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-460px-View-Source-Code-Step-1-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-728px-View-Source-Code-Step-1-Version-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   1
   Mở trình duyệt web của bạn. Thao tác xem mã nguồn trên các trình duyệt Chrome, Firefox, Microsoft Edge và Internet Explorer là như nhau.
2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-460px-View-Source-Code-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-728px-View-Source-Code-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   2
   Điều hướng đến một trang web mà bạn muốn xem mã nguồn.
3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-460px-View-Source-Code-Step-3-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-728px-View-Source-Code-Step-3-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   3
   Nhấp chuột phải trên trang. Nếu bạn đang dùng máy tính Mac chỉ với một nút chuột, bạn có thể giữ phím Control và nhấp chuột cùng lúc. Nếu bạn đang dùng máy tính xách tay với bàn cảm ứng, bạn có thể dùng hai ngón tay nhấn vào bàn cảm ứng để thay cho cú nhấp chuột phải. Một trình đơn thả xuống sẽ hiện ra.

   • Không nhấp chuột phải vào một liên kết hay hình ảnh trên trang vì sẽ dẫn đến việc một bảng chọn khác hiện ra.
4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-460px-View-Source-Code-Step-4-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-728px-View-Source-Code-Step-4-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   4
   Nhấp vào View page source hay View Source (Xem mã nguồn trang). Mã nguồn sẽ hiện ra trong một cửa sổ mới hoặc ngay bên dưới của sổ hiện hành của trình duyệt.

   • Bạn sẽ thấy tùy chọn View page source khi dùng Chrome và Firefox, còn tùy chọn View Source là đối với Microsoft Edge và Internet Explorer.
   • Bạn cũng có thể nhấn Ctrl+U (máy tính thông thường) hay ⌥ Option+⌘ Command+U (máy tính Mac) để hiển thị mã nguồn trang.
   Quảng cáo

Phương pháp 2 của 3:

Safari

1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-460px-View-Source-Code-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-728px-View-Source-Code-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   1
   Mở ứng dụng Safari với hình chiếc la bàn màu xanh dương lên.
2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/View-Source-Code-Step-6-Version-4.jpg\/v4-460px-View-Source-Code-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/View-Source-Code-Step-6-Version-4.jpg\/v4-728px-View-Source-Code-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   2
   Nhấp vào bảng chọn Safari nằm ở phía trên, bên trái thanh menu của Mac. Một trình đơn thả xuống sẽ hiện ra.
3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5c\/View-Source-Code-Step-7-Version-4.jpg\/v4-460px-View-Source-Code-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5c\/View-Source-Code-Step-7-Version-4.jpg\/v4-728px-View-Source-Code-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   3
   Nhấp vào mụcPreferences (Tùy chỉnh) nằm giữa trình đơn thả xuống.
4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/View-Source-Code-Step-8-Version-4.jpg\/v4-460px-View-Source-Code-Step-8-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/View-Source-Code-Step-8-Version-4.jpg\/v4-728px-View-Source-Code-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   4
   Nhấp vào thẻ Advanced ở góc trên, bên phải cửa sổ Preferences.
5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-460px-View-Source-Code-Step-9-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-728px-View-Source-Code-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   5
   Tích vào ô "Show Develop menu in menu bar" (Hiển thị bảng chọn Phát triển trong thanh menu). Tùy chọn này nằm gần cuối cửa sổ Preferences. Bạn sẽ thấy một bảng chọn Develop xuất hiện trong thanh menu trên màn hình Mac.
6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-460px-View-Source-Code-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-728px-View-Source-Code-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   6
   Điều hướng đến trang web mà bạn muốn xem mã nguồn.
7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/View-Source-Code-Step-11-Version-4.jpg\/v4-460px-View-Source-Code-Step-11-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/View-Source-Code-Step-11-Version-4.jpg\/v4-728px-View-Source-Code-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   7
   Nhấp vào Develop. Thẻ này nằm bên trái thẻ Window trong thanh menu của Mac.
8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-460px-View-Source-Code-Step-12-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-728px-View-Source-Code-Step-12-Version-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
   8
   Nhấp vào Show Page Source (Hiển thị Mã Nguồn) nằm gần cuối bảng chọn. Safari sẽ hiển thị mã nguồn trang ngay sau đó.

   • Bạn cũng có thể nhấn ⌥ Option+⌘ Command+U để hiển thị mã nguồn trang.
   Quảng cáo

Phương pháp 3 của 3:

Trên Wikis

1. 1
   Đi tới trang mà bạn muốn xem mã nguồn wiki.
2. 2
   Nhấn vào thẻ "View source" hoặc "Edit".
3. 3
   Cuộn qua mã nguồn và chọn/copy đoạn mã mà bạn muốn chép về trang web của mình.
   Quảng cáo

Lời khuyên

• Mặc dù không thể xem được mã nguồn trên trình duyệt di động thông thường, bạn vẫn có thể lưu đánh dấu trang Safari trên iPhone hoặc iPad và xem mã nguồn Safari trên thiết bị di động.

Cảnh báo

• Hãy thận trọng trong việc tải về các phần mềm của bên thứ ba với lời quảng cáo rằng có thể giúp bạn xem được mã nguồn website.