Cách xem và phân tích nguồn trang trong trình duyệt web Opera

Hướng dẫn này chỉ dành cho người dùng đang chạy trình duyệt Opera trên hệ điều hành Windows hoặc Mac. Nếu bạn cần xem nguồn trang trong các trình duyệt khác, hãy tìm hiểu cách thực hiện trong hướng dẫn của chúng tôi Cách xem mã nguồn của trang web trong mọi trình duyệt .

Có nhiều lý do cho việc muốn xem mã nguồn của trang web, từ việc gỡ lỗi một vấn đề với trang web của riêng bạn đến sự tò mò đơn giản. Dù động cơ của bạn là gì, trình duyệt Opera giúp bạn dễ dàng thực hiện tác vụ này. Bạn có thể chọn xem nguồn này ở dạng cơ bản nhất trong tab trình duyệt hoặc đi sâu hơn với các công cụ phát triển tích hợp của Opera. Hướng dẫn này cho bạn biết cách thực hiện cả hai. Đầu tiên, mở trình duyệt Opera của bạn

Người dùng Windows

Nhấp vào nút menu Opera , nằm ở góc trên bên trái của cửa sổ trình duyệt của bạn. Khi trình đơn thả xuống xuất hiện, hãy di con trỏ chuột của bạn qua tùy chọn Công cụ khác. Một menu phụ bây giờ sẽ xuất hiện. Nhấp vào Hiển thị menu nhà phát triển để dấu kiểm được đặt ở bên trái tùy chọn này.

Quay trở lại menu Opera chính. Bây giờ bạn sẽ nhận thấy một tùy chọn mới nằm ngay bên dưới Các công cụ khác được gắn nhãn Nhà phát triển . Di chuột qua tùy chọn này cho đến khi menu phụ xuất hiện. Tiếp theo, nhấp vào Xem nguồn trang . Mã nguồn cho trang web đang hoạt động bây giờ sẽ được hiển thị trong một tab trình duyệt mới. Bạn cũng có thể sử dụng phím tắt sau để đạt được điểm này: CTRL + U

Để xem chi tiết chuyên sâu hơn về trang đang hoạt động và mã tương ứng của nó, hãy chọn tùy chọn Công cụ dành cho nhà phát triển từ menu phụ của nhà phát triển hoặc sử dụng phím tắt sau: CTRL + SHIFT + I

Người dùng Mac OS X và macOS Sierra

Nhấp vào Xem trong menu Opera của bạn, nằm ở đầu màn hình. Khi menu thả xuống xuất hiện, chọn Hiển thị Menu nhà phát triển . Một tùy chọn mới bây giờ sẽ được thêm vào menu Opera của bạn có nhãn Nhà phát triển . Nhấp vào tùy chọn này tiếp theo và khi trình đơn thả xuống xuất hiện, hãy chọn Xem nguồn . Bạn cũng có thể sử dụng phím tắt sau để thực hiện thao tác này: Command + U

Bây giờ, một tab mới sẽ hiển thị, hiển thị mã nguồn của trang hiện tại. Để phân tích cùng một trang này với bộ công cụ dev của Opera, trước tiên hãy nhấp vào Nhà phát triển trong trình đơn trình duyệt ở đầu màn hình của bạn. Khi trình đơn thả xuống xuất hiện, hãy chọn tùy chọn Công cụ dành cho nhà phát triển .