Tôi đang cố gắng tìm ra cách kiểm tra phần tử bằng Chrome. Bây giờ tôi biết cách kiểm tra một phần tử, nhưng làm cách nào để kiểm tra các chức năng của nút, chẳng hạn như hover và hoạt động.Cách kiểm tra phần tử CSS bằng chrome?
Tôi đang cố gắng kiểm tra nút đăng nhập của YouTube ở trên cùng bên trái của trang. Tôi đã nhận các thuộc tính di chuột, nhưng làm cách nào để kiểm tra liên kết và các thuộc tính trạng thái hoạt động?
Khi bạn đang kiểm tra phần tử, trong tab kiểu, có nút "trạng thái chuyển đổi trạng thái chuyển đổi". Nhấn vào nó để áp dụng khác nhau pseudo-bang:
+1 để đánh tôi vào cú đấm – Scrimothy
Ohhh ok cảm ơn bạn rất nhiều Tôi mới để kiểm tra các yếu tố. Ngọ[email protected]! –
Chỉ cần nhấp chuột phải vào bất kỳ đâu trên trang và chọn "Kiểm tra phần tử" từ trình đơn. Chrome có một công cụ đồ họa để gỡ lỗi (như trong Firebug), vì vậy bạn có thể gỡ lỗi JavaScript hoặc nhìn vào CSS (bạn có thể thậm chí tạm thời thay đổi CSS trong khi bạn đang có quá)
Để biết thêm thông tin, xem https://developers.google.com/chrome-developer-tools/
Thực tế, Trình kiểm tra mã Chromium/Chrome hiện tại là sản phẩm tốt nhất trên thị trường. Nhanh hơn Firebug hoặc Dragonfly và nhiều tính năng khác như các công cụ phát triển MS IE. – feeela
Giống như tôi đã nói tôi biết làm thế nào để kiểm tra phần tử nhưng khi tôi làm tất cả nó cho thấy là các thuộc tính CSS di chuột như thế nào hoặc nơi nào tôi kéo lên liên kết và trạng thái hoạt động của nút? –
Ah xin lỗi, tốt trong trường hợp đó, Abody đánh tôi với nó! – lifetimes
Bạn chỉ có thể xem mã nguồn của trang, có được sylesheet và tìm kiếm các lớp/ID trong stylesheet. –