Hướng dẫn how do i open chrome html viewer? - làm cách nào để mở trình xem chrome html?

139

139 người tìm thấy bài viết này hữu ích

Tìm hiểu cách một trang web được xây dựng bằng cách xem mã nguồn của nó

Cập nhật vào ngày 29 tháng 9 năm 2022

Những gì để biết

• Nhấp chuột phải vào trang web và chọn Nguồn trang xem.View Page Source.
• Phím tắt: Nhấn Ctrl+U (Windows PC) hoặc Lệnh+Tùy chọn+U (Mac).Ctrl+U (Windows PC) or Command+Option+U (Mac).
• Để sử dụng các công cụ phát triển của Chrome, chọn menu (ba dấu chấm)> Thêm công cụ> Công cụ phát triển.Menu (three dots)> More tools > Developer tools.

Bài viết này giải thích cách truy cập mã nguồn HTML của trang web trong trình duyệt web Google Chrome, cũng như truy cập và sử dụng các công cụ nhà phát triển của Chrome. Xem mã nguồn của một trang web là một cách tuyệt vời để người mới bắt đầu học HTML.

Xem mã nguồn trong Chrome

Vậy làm thế nào để bạn xem mã nguồn của một trang web? Dưới đây là các hướng dẫn từng bước để thực hiện bằng cách sử dụng trình duyệt Google Chrome.

1. Mở trình duyệt web Google Chrome (nếu bạn chưa cài đặt Google Chrome, đây là bản tải xuống miễn phí).Google Chrome web browser (if you do not have Google Chrome installed, this is a free download).

2. Điều hướng đến trang web bạn muốn kiểm tra.web page you would like to examine.

3. Nhấp chuột phải vào trang và nhìn vào menu xuất hiện. Từ menu đó, nhấp vào Xem trang trang.the page and look at the menu that appears. From that menu, click View page source.

4. Mã nguồn cho trang đó bây giờ sẽ xuất hiện dưới dạng tab mới trong trình duyệt.

5. Ngoài ra, bạn cũng có thể sử dụng các phím tắt của CTRL+U trên PC để mở cửa sổ với mã nguồn của trang web được hiển thị. Trên máy Mac, phím tắt này là Lệnh+Tùy chọn+U.Ctrl+U on a PC to open a window with a site's source code displayed. On a Mac, this shortcut is Command+Option+U.

Sử dụng các công cụ phát triển của Chrome

Ngoài khả năng nguồn trang xem đơn giản mà Google Chrome cung cấp, bạn cũng có thể tận dụng các công cụ phát triển tuyệt vời của họ để đào sâu hơn vào một trang web. Các công cụ này sẽ cho phép bạn không chỉ xem HTML, mà cả CSS áp dụng để xem các phần tử trong tài liệu HTML đó.

Để sử dụng các công cụ phát triển của Chrome:

1. Mở Google Chrome.Google Chrome.

2. Điều hướng đến trang web bạn muốn kiểm tra.the web page you would like to examine.

3. Nhấp chuột phải vào trang và nhìn vào menu xuất hiện. Từ menu đó, nhấp vào Xem trang trang.three-dot menu in the upper-right corner of the browser window.

4. Mã nguồn cho trang đó bây giờ sẽ xuất hiện dưới dạng tab mới trong trình duyệt.More tools and then choose Developer tools in the menu that appears.

5. Ngoài ra, bạn cũng có thể sử dụng các phím tắt của CTRL+U trên PC để mở cửa sổ với mã nguồn của trang web được hiển thị. Trên máy Mac, phím tắt này là Lệnh+Tùy chọn+U.

6. Hilary Allison / LifeWire & NBSP;an element in a web page and select Inspect from the menu that appears, Chrome's developer tools will pop up and highlight the specific part you chose in the HTML with the corresponding CSS shown to the right. It is super helpful if you want to learn more about a particular piece of a site.

Sử dụng các công cụ phát triển của Chrome

Ngoài khả năng nguồn trang xem đơn giản mà Google Chrome cung cấp, bạn cũng có thể tận dụng các công cụ phát triển tuyệt vời của họ để đào sâu hơn vào một trang web. Các công cụ này sẽ cho phép bạn không chỉ xem HTML, mà cả CSS áp dụng để xem các phần tử trong tài liệu HTML đó.

Để sử dụng các công cụ phát triển của Chrome:

Mở Google Chrome.

Chọn menu ba chấm ở góc trên bên phải của cửa sổ trình duyệt.

Từ menu, di chuột qua nhiều công cụ hơn và sau đó chọn các công cụ phát triển trong menu xuất hiện.

Một cửa sổ sẽ mở hiển thị mã nguồn HTML ở bên trái của khung và các CSS liên quan ở bên phải.

Ngoài ra, nếu bạn nhấp chuột phải vào một phần tử trong trang web và chọn Kiểm tra từ menu xuất hiện, các công cụ phát triển của Chrome sẽ bật lên và làm nổi bật phần cụ thể mà bạn đã chọn trong HTML với các CSS tương ứng được hiển thị bên phải. Nó rất hữu ích nếu bạn muốn tìm hiểu thêm về một phần cụ thể của một trang web.

• Xem mã nguồn có hợp pháp không?

  Trong những năm qua, chúng tôi đã có nhiều nhà thiết kế web mới đặt câu hỏi liệu có thể xem mã nguồn của trang web và sử dụng nó cho giáo dục của họ và cuối cùng là công việc mà họ làm. Mặc dù sao chép mã của một trang web bán buôn và chuyển nó thành của riêng bạn trên trang web chắc chắn không được chấp nhận, sử dụng mã đó làm bàn đạp để học thực sự thực sự có bao nhiêu tiến bộ được thực hiện trong ngành này.Ctrl (or Command on a Mac) + Shift + I. From there, press Ctrl (Command on Mac) + O and select the saved source file you want to edit to open it.

• Làm cách nào để xem mã nguồn trang trong chrome nếu nguồn xem bị tắt?

  Nếu một trang web đã vô hiệu hóa tùy chọn nguồn xem, bạn vẫn có thể xem dưới mui xe. Từ đầu cửa sổ Trình duyệt Chọn Xem> Trình phát triển> Xem nguồn, sẽ kéo mã nguồn của trang web.View > Developer > View Source, which should pull up the webpage's source code.

• Làm cách nào để xem mã nguồn của trang web trong Chrome bằng thiết bị Android của tôi?

  Điều hướng đến trang web bạn muốn xem bằng ứng dụng Chrome của thiết bị, sau đó chọn thanh địa chỉ của trình duyệt. Di chuyển con trỏ văn bản đến phía bên trái bên trái ở phía trước của URL và gõ nguồn xem, sau đó nhấn Enter hoặc chọn GO.view-source, then press Enter or select Go.

Cảm ơn vì đã cho chúng tôi biết!

Nhận tin tức công nghệ mới nhất được gửi mỗi ngày

Đặt mua