Tôi đang viết một số tệp CSS, nhưng khi tôi nhầm lẫn, Chrome dường như chỉ âm thầm bỏ qua các phần mà tôi xoay và hiển thị phần còn lại.Gỡ lỗi CSS trong Google Chrome
Điều này làm cho nó khó chịu để gỡ lỗi vì tôi không thể tìm ra điều gì đang xảy ra.
Vì vậy, có cách nào khiến Chrome "hét to với tôi bằng những chữ cái lớn màu đỏ", để tôi có thể dành ít thời gian hơn để tìm ra lỗi và khắc phục được nhiều thời gian hơn không?
Vì CSS không phải là ngôn ngữ kịch bản, bạn không thể gỡ lỗi đúng cách. Dù sao nếu bạn biết nó đi sai, bạn có thể cố gắng điều chỉnh nó bằng tay.
Aditionally bạn đã có validator w3c đây: http://jigsaw.w3.org/css-validator/ có thể cung cấp cho bạn một số thông tin phản hồi
Làm thế nào bạn có thể sử dụng điều đó nếu bạn đang phát triển một ứng dụng cục bộ. Ví dụ, tôi đang sử dụng Visual Studio 2013 và chạy một ứng dụng bằng cách nhấn F5. – VivekDev
CSS không phải là tập lệnh ngôn ngữ đánh dấu của nó để chúng tôi không thể xác định thời gian chạy, tại sao bạn không xác thực CSS của mình?
css không phải là đánh dấu –
Tuy bạn không thể "gỡ rối" CSS, bởi vì nó không phải là một ngôn ngữ kịch bản, bạn có thể sử dụng bảng điều khiển Chrome DevTools Elements để kiểm tra phần tử & xem ngăn Kiểu ở bên phải. Điều này sẽ cung cấp cho bạn thông tin chi tiết về các kiểu bị ghi đè hoặc bị bỏ qua (dòng bị ném). Ngăn Kiểu cũng hữu ích vì khả năng LiveEdit tài liệu đang được kiểm tra, có thể giúp bạn giải quyết vấn đề. Nếu các kiểu được ghi đè, bạn có thể xem ngăn Kiểu Kiểu được xem để xem CSS thực sự đang được sử dụng để tạo kiểu cho tài liệu của bạn.
Để đưa lên cửa sổ Chrome DevTools, nhấn Ctrl + phím Shift +tôi trong một tab trình duyệt Chrome. (lệnh + Opt + tôi cho một mac)
Để biết thêm thông lần https://developer.chrome.com/devtools/index
Bạn có thể sử dụng thanh tra phần tử trong chrome để xem CSS áp dụng cho một phần tử và bác bỏ/bỏ qua quy tắc CSS . Để mở thanh tra phần tử, bạn có thể sử dụng f12 hoặc ctrl + shift + j. – sg3s