Mẹo sử dụng phần tử Kiểm tra trình duyệt Google Chrome
Google Chrome được thiết kế không chỉ dành cho người dùng internet thông thường mà còn dành cho các nhà phát triển web, những người thường tạo trang web, thiết kế blog, v.v. Kiểm tra nguyên tố hoặc là Quan sát tùy chọn của Google Chrome hỗ trợ người dùng tìm một số thông tin về trang web bị ẩn khỏi chế độ xem. Dưới đây là một số mẹo sử dụng Phần tử Kiểm tra của trình duyệt Google Chrome dành cho PC chạy Windows.
Kiểm tra thành phần của Google Chrome
1 :Tìm tệp JavaScript/Media ẩn
Nhiều trang web hiển thị cửa sổ bật lên nếu khách truy cập ở lại trang web hơn 15 hoặc 20 giây. Hoặc, nhiều lần một hình ảnh, quảng cáo hoặc biểu tượng sẽ mở ra sau khi nhấp vào một nơi nào đó một cách ngẫu nhiên. Để tìm các tệp ẩn này trên một trang web, bạn có thể sử dụng Nguồn Kiểm tra phần tử. Nó hiển thị danh sách dạng cây ở phía bên trái có thể được khám phá.
2 :Nhận mã màu HEX/RGB trong Chrome
Đôi khi chúng ta có thể thích một màu và có thể muốn tìm hiểu mã màu của nó. Bạn có thể dễ dàng tìm thấy mã màu HEX hoặc RGB được sử dụng trên một trang web cụ thể bằng cách sử dụng tùy chọn gốc trong Google Chrome. Nhấp chuột phải vào màu và nhấp vào Quan sát. Hầu hết thời gian, bạn sẽ nhận được mã màu ở phía bên tay phải với CSS khác. Nếu bạn không nhìn thấy nó, tốt, bạn có thể phải sử dụng một số phần mềm chọn màu miễn phí.
Xem thêm: Hãy xem những Công cụ trực tuyến Bộ chọn màu quá.
3 :Nhận các mẹo cải thiện hiệu suất trang web
Mọi người đều thích truy cập vào một trang web mở nhanh. Nếu bạn đang thiết kế trang web của mình, bạn nên luôn ghi nhớ điều đó. Có nhiều công cụ để kiểm tra và tối ưu tốc độ tải trang. Tuy nhiên, Google Chrome cũng đi kèm với một công cụ có sẵn cho phép người dùng nhận các mẹo để cải thiện tốc độ tải trang web. Để truy cập các công cụ này, hãy truy cập Kiểm toán và đảm bảo Sử dụng mạng, Hiệu suất Trang Webvà Tải lại trang và kiểm toán về tải được chọn. Sau đó bấm vào Chạy cái nút. Nó sẽ tải lại trang và hiển thị cho bạn một số thông tin có thể được sử dụng để làm cho trang nhanh hơn. Ví dụ: bạn có thể nhận được tất cả các tài nguyên không bị hết hạn bộ nhớ cache, JavaScript có thể được kết hợp thành một tệp, v.v.
4 :Kiểm tra khả năng đáp ứng
Ngày nay, việc tạo ra một trang web đáp ứng là rất quan trọng. Có rất nhiều công cụ có thể kiểm tra xem trang web của bạn có hoàn toàn đáp ứng hay không. Tuy nhiên, công cụ này của Google Chrome giúp người dùng biết liệu trang web có đáp ứng hay không cũng như kiểm tra xem nó sẽ trông như thế nào trên một thiết bị di động cụ thể. Mở bất kỳ trang web nào, lấy Kiểm tra nguyên tố , nhấp vào di động , đặt độ phân giải hoặc chọn thiết bị mong muốn để kiểm tra trang web.
5 :Chỉnh sửa trang web trực tiếp
Giả sử rằng bạn đang tạo một trang web, nhưng bạn nhầm lẫn về cách phối màu hoặc kích thước menu điều hướng hoặc nội dung hoặc tỷ lệ thanh bên. Bạn có thể chỉnh sửa trang web trực tiếp của mình bằng tùy chọn Kiểm tra phần tử của Google Chrome. Mặc dù bạn không thể lưu các thay đổi trên một trang web đang hoạt động, nhưng bạn có thể thực hiện tất cả các chỉnh sửa để có thể sử dụng thêm. Để làm như vậy, hãy mở Kiểm tra phần tử, chọn thuộc tính HTML từ phía bên trái và thực hiện các thay đổi về kiểu dáng ở phía bên phải. Nếu bạn thực hiện bất kỳ thay đổi nào trong CSS, bạn có thể nhấp vào liên kết tệp, sao chép toàn bộ mã và dán mã đó vào tệp gốc.
Kiểm tra phần tử của Google Chrome là người bạn đồng hành thực sự của mọi nhà phát triển web. Không quan trọng bạn đang phát triển trang web một trang hay trang web động, bạn chắc chắn có thể sử dụng các mẹo này.
- Thẻ: Trình duyệt Chrome, Nhà phát triển