Bất kỳ ai cũng có thể cho tôi biết cách thức hoạt động của các công cụ dành cho nhà phát triển Chrome. Tôi tin rằng nó chỉ có sẵn trong Canary tại thời điểm này.Công cụ dành cho nhà phát triển Chrome ánh xạ vùng làm việc
Tôi nghĩ rằng nó cho phép tôi thực hiện thay đổi đối với các quy tắc CSS trong chế độ xem thành phần và tự động lưu chúng vào tệp cục bộ như được Paul Irish trình bày tại Google IO 2013. Tôi không thể có chức năng này công việc.
https://developers.google.com/events/io/sessions/325206725
Tôi nên giải thích rằng tôi đã thực hiện tất cả các bước trên và vẫn không hoạt động khi tôi đang sử dụng "codeavengers.com" làm máy chủ của mình. ("codeavengers.com" được ánh xạ tới localhost trong tập tin lưu trữ của windows). Khi tôi thay đổi để sử dụng localhost trong url của tôi nó đã làm việc như mô tả ở trên. Tuy nhiên, gỡ lỗi JavaScript dường như ngừng hoạt động. – Mike
Sau đó tôi đã chọn cài đặt tiện ích mở rộng của Chrome Tincr. Cho đến nay nó hoạt động tuyệt vời. http://addyosmani.com/blog/lets-tincr-bi-directional-editing-and-saving-with-the-chrome-devtools/ – Mike
Bạn cần phải kiểm tra cẩn thận rằng ánh xạ được áp dụng. Có thể cấu trúc trang web của bạn không phản ánh cấu trúc thư mục cục bộ. Ngoài ra, bạn cần phải có hai ánh xạ cho hai url, một cho localhost và một cho codeavengers.com. Nếu devtools không thể ánh xạ một tệp cục bộ vào một tệp trang web thì nó không thể đặt một điểm ngắt bên trong nó. – loislo