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

  1. Tác giả: LTTK CTV01
    Đánh giá: ✪ ✪ ✪ ✪ ✪

    Trong bài viết này: Chrome, Firefox, Edge và Internet Explorer,Safari,Trên Wikis

    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.

    Phương pháp 1: Chrome, Firefox, Edge và Internet Explorer

    1.jpg

    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.jpg

    2. Điều hướng đến một trang web mà bạn muốn xem mã nguồn.

    3.jpg

    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.jpg

    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.
     
  2. Tác giả: LTTK CTV01
    Đánh giá: ✪ ✪ ✪ ✪ ✪
    Phương pháp 2: Safari

    5.jpg

    1. Mở ứng dụng Safari với hình chiếc la bàn màu xanh dương lên.

    6.jpg

    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.

    7.jpg

    3. Nhấp vào mục Preferences (Tùy chỉnh) nằm giữa trình đơn thả xuống.

    8.jpg

    4. Nhấp vào thẻ Advanced ở góc trên, bên phải cửa sổ Preferences.

    9.jpg

    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.

    10.jpg

    6. Điều hướng đến trang web mà bạn muốn xem mã nguồn.

    11.jpg

    7. Nhấp vào Develop. Thẻ này nằm bên trái thẻ Window trong thanh menu của Mac.

    12.jpg

    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.

    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.