Sinсe Google Chrome đã được cập nhật lên phiên bản 50.x, không thể hoạt động với DevTools. Sự cố này chủ yếu tái hiện trong tab "Mạng". Mỗi khi bạn nhấp vào "yêu cầu", nó mất khoảng 30-40 giây. sau đó chrome có thể bị lỗi. Đã cố gắng xóa tất cả các tiện ích mở rộng, xóa bộ nhớ cache và cài đặt lại nhưng không giúp được gì. Có ai biết cách khắc phục sự cố này không?
Tôi đang chạy Chrome 50.0.2661,87 m
UPD: Sự cố có thể xảy ra do tiêu đề dài. Cố gắng đóng các tiêu đề phản hồi và yêu cầu.
Câu trả lời:
Tôi đã gặp sự cố tương tự khi gỡ lỗi trong Chrome phiên bản 50+ trên Mac OS X 10.11.3. Giải pháp duy nhất mà tôi tìm thấy cho đến nay là giữ cho các công cụ dành cho nhà phát triển được gắn ở bên phải và nó dường như vẫn hoạt động hiệu quả như trước. Không phải là giải pháp tối ưu, nhưng nó hoạt động trong trường hợp của tôi.
Cuối cùng, một giải pháp đã được tìm thấy giúp tôi sau một thời gian dài và sau rất nhiều lần cố gắng khắc phục không thành công: Giải pháp trên Diễn đàn Google Chrome
Truy cập chrome: // flags / # force-color-profile
Thay đổi nó thành sRGB
Vì Google không cho phép các liên kết trực tiếp đến chrome://nên bạn sẽ phải tự mình chèn dấu hai chấm hoặc nhập toàn bộ liên kết theo cách thủ công vào thanh công cụ của mình.
Tình huống của tôi cũng tương tự, sau một thời gian vật lộn với phản hồi cực kỳ chậm của các công cụ dành cho nhà phát triển, tôi phát hiện ra vấn đề là do tiện ích mở rộng của Chrome mà tôi đã cài đặt cho knockoutJs gây ra. Vì vậy, đối với những người gặp phải những sự cố này, như một phần của quá trình khắc phục sự cố ban đầu, hãy thử tắt tiện ích mở rộng của chrome .
Knockoutjs context debuggerphần mở rộng. Chúc mừng!
React Developer Tools! Chỉ xảy ra trên Mac, không xảy ra trên Windows.
Augurytiện ích mở rộng đã giúp ích cho tôi. Cảm ơn!
React Developer Toolsảnh hưởng đến cửa sổ là tốt
Tôi đang sử dụng Phiên bản 61.0.3163.79 và tôi gặp vấn đề tương tự mà bài đăng này nói về.
Với một số tìm kiếm, tôi phát hiện ra rằng vấn đề là ở người dùng mà tôi đang sử dụng. Những gì tôi đã thử là nhập int google chrome với tư cách khách và các devtools trở nên nhanh hơn.
Vì vậy, những gì tôi đã làm là:
Tôi hy vọng điều này có thể giúp những người khác có cùng vấn đề.
[BIÊN TẬP:]
Tôi phát hiện ra rằng sau một thời gian (vài tuần) các công cụ dành cho nhà phát triển google chrome sẽ hoạt động chậm hơn. Vì vậy, tôi đã thử giải pháp sau và nó hoạt động:
dev toolsSourcestab.
[CHỈNH SỬA THỨ HAI:]
Sau vài tuần, vấn đề lại xảy ra. Những gì tôi đã làm là cài đặt Phiên bản google canary 64.0.3249.2 canary (64-bit) và sự cố của tôi đã biến mất.
Đối với những người không biết canary là gì, vui lòng kiểm tra liên kết này .
Google đã biết về vấn đề - https://bugs.chromium.org/p/chromium/issues/detail?id=624097
Vấn đề dường như đã biến mất trong v.53 - họ hiện đang cố gắng tìm ra cách khắc phục nó. Nếu có thể, bản sửa lỗi sẽ được hợp nhất trở lại v.52. Nhưng ít nhất họ đang làm việc trên nó.
Trong trường hợp những người khác đến đây gặp phải vấn đề tương tự như tôi gặp phải, hãy thử thay đổi tab Công cụ phát triển mà bạn đang xem thành Phần tử .
Tôi đã mở tab "Nguồn" và Chrome đang cố gắng tải các nội dung khổng lồ cho tab đó, điều này đã tạo ra độ trễ nhiều giây giữa các console.log()sự kiện tôi đã tạo và hiển thị các thông báo được ghi lại đó.
Làm cho các devtools hoạt động trở lại bằng cách hủy kích hoạt tất cả các điểm ngắt:
Đi tới Sourcestab, hiển thị trình gỡ lỗi (có thể bị ẩn) và nhấn Deactivate breakpoints.
(Chrome v62.0 trên Windows 10)
Tôi đã gặp sự cố tương tự trên phiên bản 54.0.2840,99 m của Google Chrome.
Nhưng chuyển sang Chrome Canary đã hiệu quả!
Tôi cũng phải đối mặt với vấn đề tương tự.
Tôi đã thử chuyển đổi màn hình không chọn. Bây giờ nó đang làm việc tốt.
resourcehiện hữuoverriddenChỉ những overridingtệp có ít dòng mã hơn mới hoạt động tốt với tôi. Tôi hạ cánh ở đây vì tôi là overridingmột tập tin có 35,000 +các dòng Javascript.
Hơn nữa, nếu bạn resourcelà một cái mới - tức là nó không được bao gồm trong một scriptthẻ hoặc linkthẻ, bạn có thể override main html documentvà thêm thẻ: <script src="/my-new-script.js"></script>. Thêm tập tin vào miền gốc của bạn trong Overrides folderngày Chrome:
overriding HTML
overridingCUSTOM SCRIPT:
Chúc may mắn...
Tôi lại tăng tốc Chrome bằng cách làm như sau:
Trong trường hợp của tôi, tôi đã thiết lập Local Overrides ( https://developers.google.com/web/updates/2018/01/devtools#overrides ) trong thư mục Tải xuống có rất nhiều tệp trong đó và điều đó làm chậm các devtools.
Thiết lập ghi đè trong thư mục riêng của nó đã khắc phục sự chậm chạp.
Đối với tôi, đang chạy Phiên bản Chrome 81.0.4044.138 (Bản dựng chính thức) (64-bit) trên Ubuntu 18, vấn đề dường như là chế độ xem trên thiết bị di động. Khi tôi tắt tính năng kiểm tra chế độ xem trên thiết bị di động trở lại thực sự nhanh chóng. Tôi nghĩ rằng đó là do giả lập cảm ứng và các thiết bị di động khác.
Để có thứ gì đó tương tự như chế độ xem trên thiết bị di động, tôi di chuyển thanh công cụ DevTools sang một bên và thay đổi kích thước cho đến khi tôi có được chiều rộng mình cần. Nó không hoàn hảo, nhưng nó hữu ích trong hầu hết thời gian.
Bên cạnh Chrome, Firefox nhanh hơn nhiều khi kiểm tra tổng thể các trang web, mặc dù tôi không sử dụng FF vì tôi đã quen với những thứ cụ thể trên Chrome. Hơn nữa, hầu hết các trang web tôi làm việc đều không kích hoạt những vấn đề này trên Chrome, trên thực tế, nó chỉ xảy ra với một trang web.
PD : trang web gây ra sự cố trên Chrome Dev Tools có rất nhiều biến CSS. Không chắc chắn nếu điều đó có liên quan.
CẬP NHẬT 1 TUẦN trước Tôi có thể sử dụng Chrome mà không gặp sự cố ngay cả trong chế độ xem trên thiết bị di động bằng cách tắt tùy chọn "Hiển thị truy vấn phương tiện"
