Hỗ trợ gỡ lỗi cho các lỗi vi phạm về Loại đáng tin cậy
Điểm ngắt khi vi phạm Loại đáng tin cậy
Giờ đây, bạn có thể đặt điểm ngắt và phát hiện trường hợp ngoại lệ trên các Lỗi vi phạm loại đáng tin cậy trong phần Nguồn bảng điều khiển.
Loại đáng tin cậy API giúp bạn ngăn chặn các lỗ hổng bảo mật tập lệnh trên nhiều trang web dựa trên DOM. Tìm hiểu cách thức để viết, đánh giá và duy trì các ứng dụng không có lỗ hổng bảo mật DOM XSS với các Loại đáng tin cậy tại đây.
Trong bảng điều khiển Sources (Nguồn), hãy mở ngăn thanh bên của debugger (trình gỡ lỗi). Mở rộng lỗi vi phạm CSP Điểm ngắt và bật hộp đánh dấu Vi phạm Loại đáng tin cậy để tạm dừng trên ngoại lệ. Hãy tự mình trải nghiệm trên trang minh hoạ này.
Vấn đề về Chromium: 1142804
Liên kết vấn đề trong bảng điều khiển Nguồn với thẻ Vấn đề
Giờ đây, bảng điều khiển Sources (Nguồn) sẽ hiển thị biểu tượng cảnh báo bên cạnh dòng vi phạm Loại đáng tin cậy. Di chuột lên để xem trước trường hợp ngoại lệ. Nhấp vào đó để mở rộng thẻ Vấn đề. Thẻ này sẽ cung cấp thêm thông tin chi tiết về các ngoại lệ và hướng dẫn về cách khắc phục.
Vấn đề về Chromium: 1150883
Chụp ảnh màn hình nút ngoài khung nhìn
Bây giờ, bạn có thể chụp ảnh chụp màn hình nút cho toàn bộ nút, bao gồm cả nội dung dưới màn hình đầu tiên. Trước đây, ảnh chụp màn hình đã bị cắt do có nội dung không hiển thị trong khung nhìn. Ảnh chụp màn hình toàn trang chính xác ngay bây giờ.
Trong bảng điều khiển Phần tử, hãy nhấp chuột phải vào một phần tử rồi chọn Chụp ảnh màn hình nút.
Vấn đề về Chromium: 1003629
Thẻ "Trust Tokens" mới cho các yêu cầu mạng
Kiểm tra các yêu cầu mạng Mã thông báo tin cậy bằng thẻ Trust Tokens mới.
Trust Token là một API mới giúp chống lại hành vi lừa đảo và phân biệt bot với người thật mà không bị động theo dõi. Tìm hiểu cách bắt đầu sử dụng Mã thông báo tin cậy.
Các bản phát hành tiếp theo sẽ hỗ trợ thêm tính năng gỡ lỗi.
Vấn đề về Chromium: 1126824
Lighthouse 7 trong bảng điều khiển Lighthouse
Bảng điều khiển Lighthouse đang chạy Lighthouse 7. Hãy xem ghi chú phát hành để biết danh sách các thay đổi.
Các quy trình kiểm tra mới trong Lighthouse 7:
- Tải trước hình ảnh có Nội dung lớn nhất hiển thị (LCP). Kiểm tra xem hình ảnh mà phần tử LCP sử dụng có tải trước nhằm cải thiện thời gian LCP của bạn.
- Đã ghi các vấn đề vào bảng điều khiển
Issues
. Cho biết danh sách các vấn đề chưa được giải quyết trongIssues
bảng điều khiển. - Ứng dụng web tiến bộ (PWA). Danh mục PWA đã thay đổi khá đáng kể.
Nhóm Có thể cài đặt hiện đã hoàn toàn sử dụng các kỹ thuật kiểm tra chức năng cho phép tiêu chí dễ cài đặt. Đây cũng là những tín hiệu bạn thấy trong Ngăn Tệp kê khai.
- Thông báo "Đăng ký trình chạy dịch vụ..." quy trình kiểm tra sẽ chuyển sang nhóm PWA được tối ưu hoá và "Mục đích sử dụng" HTTPS" kiểm tra hiện được đưa vào như một phần của "các yêu cầu về khả năng cài đặt" chính kiểm tra.
- Nhóm Nhanh và đáng tin cậy đã bị xoá. Như "yêu cầu về khả năng cài đặt" được cải tiến kiểm tra tính năng kiểm tra khả năng hoạt động ngoại tuyến, "trang hiện tại và start_url sẽ phản hồi bằng 200 khi ngoại tuyến" đã bị xoá. "Tải trang đủ nhanh trên mạng di động" đã xoá kết quả kiểm tra của Google.
Vấn đề về Chromium: 772558
Nội dung cập nhật của bảng điều khiển Phần tử
Hỗ trợ buộc trạng thái :target
của CSS
Giờ đây, bạn có thể sử dụng Công cụ cho nhà phát triển để buộc và kiểm tra trạng thái :target
của CSS.
Trong bảng điều khiển Phần tử, hãy chọn một phần tử và bật/tắt trạng thái của phần tử. Bật :target
hộp đánh dấu để buộc và kiểm tra kiểu.
Sử dụng lớp giả :target
để tạo kiểu cho phần tử khi hàm băm trong URL và mã nhận dạng của một phần tử
đều giống nhau. Hãy xem bản minh hoạ này để tự mình trải nghiệm. Tính năng Công cụ cho nhà phát triển mới này cho phép bạn kiểm thử
các kiểu như vậy mà không phải lúc nào cũng
thay đổi URL theo cách thủ công.
Vấn đề về Chromium: 1156628
Lối tắt mới đến phần tử trùng lặp
Sử dụng phím tắt mới Sao chép phần tử để sao chép một phần tử ngay lập tức.
Nhấp chuột phải vào một phần tử trong bảng Phần tử, chọn Phần tử trùng lặp. Một phần tử mới sẽ được tạo trong đó.
Ngoài ra, bạn có thể sao chép phần tử bằng phím tắt:
- Máy Mac:
Shift
+Option
+⬇️
- Cửa sổ/ Linux:
Shift
+Alt
+⬇️
Vấn đề về Chromium: 1150797, 1150797
Công cụ chọn màu cho thuộc tính CSS tuỳ chỉnh
Giờ đây, ngăn Styles (Kiểu) sẽ hiển thị công cụ chọn màu cho các thuộc tính CSS tuỳ chỉnh.
Ngoài ra, bạn có thể giữ phím Shift
rồi nhấp vào công cụ chọn màu để chuyển qua RGBA, HSLA,
và biểu diễn hệ thập lục phân của giá trị màu.
Vấn đề về Chromium: 1147016
Lối tắt mới để sao chép các thuộc tính CSS
Giờ đây, bạn có thể sao chép các thuộc tính CSS nhanh hơn bằng một số phím tắt mới.
Trong bảng điều khiển Phần tử, hãy chọn một phần tử. Sau đó, nhấp chuột phải vào lớp CSS hoặc thuộc tính CSS trong ngăn Styles (Kiểu) để sao chép giá trị.
Sao chép các lựa chọn cho lớp CSS:
- Sao chép bộ chọn. Sao chép tên bộ chọn hiện tại.
- Sao chép quy tắc. Sao chép quy tắc của bộ chọn hiện tại.
- Sao chép tất cả nội dung khai báo: Sao chép tất cả nội dung khai báo theo quy tắc hiện tại, bao gồm cả nội dung khai báo không hợp lệ và các thuộc tính có tiền tố.
Các lựa chọn sao chép cho tài sản CSS:
- Sao chép nội dung khai báo. Sao chép nội dung khai báo của dòng hiện tại.
- Sao chép thuộc tính. Sao chép thuộc tính của dòng hiện tại.
- Sao chép giá trị: Sao chép giá trị của dòng hiện tại.
Vấn đề về Chromium: 1152391
Cập nhật cookie
Tuỳ chọn mới để hiển thị cookie đã giải mã URL
Giờ đây, bạn có thể chọn xem giá trị cookie đã giải mã URL trong ngăn Cookie.
Chuyển đến bảng điều khiển Application (Ứng dụng) rồi chọn ngăn Cookie (Cookie). Chọn một cookie bất kỳ trong danh sách. Bật hộp kiểm Hiển thị URL đã giải mã mới để xem cookie được giải mã.
Vấn đề về Chromium: 997625
Chỉ xoá cookie hiển thị
Nút Clear all cookies (Xóa tất cả cookie) trong ngăn Cookie giờ đây sẽ được thay thế bằng Xóa cookie đã lọc .
Trong bảng Application (Ứng dụng) > Ngăn Cookie, nhập văn bản vào hộp văn bản để lọc cookie. Trong ví dụ của chúng tôi ở đây, chúng tôi lọc danh sách theo "ƯU ĐÃI". Nhấp vào nút Xoá cookie đã lọc để xoá các cookie hiển thị. Xoá văn bản bộ lọc và bạn sẽ thấy các cookie khác vẫn còn trong danh sách. Trước đây, bạn chỉ có thể xoá tất cả cookie.
Vấn đề về Chromium: 978059
Tuỳ chọn mới để xoá cookie của bên thứ ba trong ngăn Bộ nhớ
Khi xóa dữ liệu trang web trong ngăn Bộ nhớ, Công cụ cho nhà phát triển hiện chỉ xóa cookie của bên thứ nhất bằng cách mặc định. Bật cả cookie của bên thứ ba để xoá cả cookie của bên thứ ba.
Vấn đề về Chromium: 1012337
Chỉnh sửa gợi ý của ứng dụng tác nhân người dùng cho thiết bị tuỳ chỉnh
Giờ đây, bạn có thể chỉnh sửa Gợi ý về ứng dụng tác nhân người dùng cho các thiết bị tuỳ chỉnh.
Chuyển đến Cài đặt > Thiết bị rồi nhấp vào Thêm thiết bị tuỳ chỉnh.... Mở rộng phần Tác nhân người dùng phần gợi ý ứng dụng khách để chỉnh sửa gợi ý về ứng dụng.
Gợi ý ứng dụng tác nhân người dùng là giải pháp thay thế cho chuỗi tác nhân người dùng cho phép nhà phát triển truy cập thông tin về trình duyệt của người dùng theo cách bảo đảm quyền riêng tư và công thái học. Tìm hiểu thêm về Thông tin gợi ý về ứng dụng tác nhân người dùng trong web.dev/user-agent-client-hints/.
Vấn đề về Chromium: 1073909
Nội dung cập nhật về bảng điều khiển mạng
Duy trì tính năng "ghi nhật ký mạng" cài đặt
Công cụ cho nhà phát triển hiện duy trì tính năng "Ghi nhật ký mạng" cài đặt. Trước đây, Công cụ cho nhà phát triển đã đặt lại lựa chọn của người dùng bất cứ khi nào một trang tải lại.
Vấn đề về Chromium: 1122580
Xem kết nối WebTransport trong bảng điều khiển Mạng
Giờ đây, bảng điều khiển mạng sẽ hiển thị các kết nối WebTransport.
WebTransport là một API mới cung cấp thông báo độ trễ thấp, hai chiều, máy chủ máy khách. Tìm hiểu thêm về các trường hợp sử dụng và cách đưa ra ý kiến phản hồi về tương lai của việc triển khai trong web.dev/webtransport/.
Vấn đề về Chromium: 1152290
"Trực tuyến" đã đổi tên thành "Không điều tiết"
Tuỳ chọn mô phỏng mạng "Trực tuyến" hiện được đổi tên thành "Không điều tiết".
Vấn đề về Chromium: 1028078
Các lựa chọn sao chép mới trong bảng điều khiển, bảng điều khiển Nguồn và ngăn Kiểu
Các phím tắt mới để sao chép đối tượng trong bảng điều khiển và bảng điều khiển Nguồn
Giờ đây, bạn có thể sao chép các giá trị đối tượng bằng các lối tắt mới trong bảng điều khiển và bảng điều khiển Nguồn. Đây là tiện dụng, đặc biệt khi bạn có một đối tượng lớn (ví dụ: một mảng dài) cần sao chép.
Vấn đề về Chromium: 1149859, 1148353
Các lối tắt mới để sao chép tên tệp trong bảng điều khiển Nguồn và ngăn Kiểu
Giờ đây, bạn có thể sao chép tên tệp bằng cách nhấp chuột phải vào:
- một tệp trong bảng điều khiển Sources (Nguồn), hoặc
- tên tệp trong ngăn Kiểu trên bảng Phần tử
Chọn Sao chép tên tệp trong trình đơn theo bối cảnh để sao chép tên tệp.
Vấn đề về Chromium: 1155120
Cập nhật chế độ xem chi tiết khung
Thông tin mới về Trình chạy dịch vụ trong chế độ xem chi tiết Khung
Giờ đây, Công cụ cho nhà phát triển hiển thị trình chạy dịch vụ chuyên dụng trong khung tạo ra trình chạy dịch vụ đó.
Trong bảng điều khiển Application (Ứng dụng), hãy mở rộng một khung có Service worker, sau đó chọn một trình chạy dịch vụ trong cây Service Workers để xem chi tiết.
Vấn đề về Chromium: 1122507
Đo lường thông tin Bộ nhớ trong chế độ xem chi tiết Khung
Giờ đây, trạng thái của API performance.measureMemory()
sẽ xuất hiện trong phần Tình trạng sẵn có của API
.
API performance.measureMemory()
mới ước tính mức sử dụng bộ nhớ của toàn bộ trang web. Học tập
cách theo dõi tổng mức sử dụng bộ nhớ của trang web bằng API mới này trong bài viết này.
Vấn đề về Chromium: 1139899
Gửi ý kiến phản hồi trên thẻ Vấn đề
Nếu bạn muốn cải thiện thông báo vấn đề, hãy chuyển đến thẻ Vấn đề trong Bảng điều khiển hoặc Chế độ cài đặt khác > Công cụ khác > Vấn đề > để mở thẻ Vấn đề. Mở rộng một vấn đề rồi nhấp vào Thông báo về vấn đề có hữu ích cho bạn không?, sau đó bạn có thể cung cấp ý kiến phản hồi trong cửa sổ bật lên.
Khung hình bị thả trong bảng điều khiển Hiệu suất
Khi phân tích hiệu suất tải trong bảng điều khiển Hiệu suất, phần Khung hiện sẽ đánh dấu rớt khung hình xuống dưới màu đỏ. Hãy di chuột lên đó để biết tốc độ khung hình.
Vấn đề về Chromium: 1075865
Mô phỏng thiết bị có thể gập lại và màn hình đôi ở Chế độ thiết bị
Giờ đây, bạn có thể mô phỏng thiết bị màn hình đôi và thiết bị có thể gập lại trong Công cụ cho nhà phát triển.
Sau khi bật Thanh công cụ trên thiết bị, hãy chọn một trong các thiết bị sau: Surface Duo hoặc Samsung Galaxy Fold.
Nhấp vào biểu tượng span mới để chuyển đổi giữa màn hình đơn/màn hình gập và màn hình đôi hoặc màn hình mở tư thế.
Bạn cũng có thể bật các tính năng Nền tảng web thử nghiệm để truy cập vào nội dung nghe nhìn CSS mới
tính năng screen-spanning
và API JavaScript getWindowSegments
. Biểu tượng thử nghiệm thể hiện
trạng thái của cờ các tính năng Nền tảng web thử nghiệm. Biểu tượng được đánh dấu khi cờ được
đã bật. Chuyển đến chrome://flags
và bật/tắt cờ.
Vấn đề về Chromium: 1054281
Các tính năng thử nghiệm
Tự động kiểm thử trình duyệt bằng Trình ghi Puppeteer
Giờ đây, Công cụ cho nhà phát triển có thể tạo tập lệnh Puppeteer dựa trên hoạt động tương tác của bạn với trình duyệt, giúp giúp bạn tự động kiểm tra trình duyệt một cách dễ dàng hơn. Puppeteer là một thư viện Node.js cung cấp API cấp cao để kiểm soát Chrome hoặc Chromium qua Giao thức DevTools.
Truy cập vào trang minh hoạ này. Mở bảng điều khiển Sources (Nguồn) trong Công cụ cho nhà phát triển. Chọn thẻ Ghi âm ngăn bên trái. Thêm bản ghi mới và đặt tên cho tệp (ví dụ: test01.js).
Nhấp vào nút Ghi lại ở dưới cùng để bắt đầu ghi lại hoạt động tương tác đó. Hãy thử điền vào trên màn hình. Lưu ý rằng các lệnh của Puppeteer cũng được thêm vào tệp tương ứng. Nhấp vào Nút Record (Ghi lại) một lần nữa để dừng ghi.
Để chạy tập lệnh, hãy làm theo Hướng dẫn bắt đầu sử dụng trên trang web chính thức của Puppeteer.
Xin lưu ý rằng đây là một thử nghiệm đang ở giai đoạn đầu. Chúng tôi dự định cải thiện và mở rộng ứng dụng Máy ghi âm theo thời gian.
Vấn đề về Chromium: 1144127
Trình chỉnh sửa phông chữ trong ngăn Kiểu
Trình chỉnh sửa phông chữ mới là trình chỉnh sửa cửa sổ bật lên trong ngăn Kiểu cho các thuộc tính liên quan đến phông chữ nhằm trợ giúp bạn tìm thấy kiểu chữ hoàn hảo cho trang web của mình.
Cửa sổ bật lên cung cấp một giao diện người dùng gọn gàng để điều chỉnh kiểu chữ một cách linh hoạt bằng một loạt các kiểu chữ trực quan loại dữ liệu đầu vào.
Vấn đề về Chromium: 1093229
Công cụ gỡ lỗi hộp linh hoạt CSS
Công cụ cho nhà phát triển bổ sung tính năng hỗ trợ thử nghiệm cho việc gỡ lỗi hộp linh hoạt kể từ bản phát hành gần đây nhất.
Công cụ cho nhà phát triển hiện vẽ một đường hướng dẫn để giúp bạn trực quan hoá tốt hơn thuộc tính align-items
của CSS. Chiến lược phát hành đĩa đơn
Thuộc tính CSS gap
cũng được hỗ trợ. Trong ví dụ này, chúng ta có CSS gap: 12px;
. Lưu ý
mẫu nở cho từng khoảng trống.
Vấn đề về Chromium: 1139949
Thẻ Lỗi vi phạm chính sách bảo mật nội dung mới
Xem nhanh tất cả lỗi vi phạm Chính sách bảo mật nội dung (CSP) trong thẻ Lỗi vi phạm CSP mới. Thẻ mới này là một thử nghiệm sẽ giúp bạn làm việc dễ dàng hơn với các trang web có số lượng lớn về chính sách bảo mật nội dung và vi phạm Loại đáng tin cậy.
Vấn đề về Chromium: 1137837
Tính toán độ tương phản màu mới – Thuật toán tương phản cảm quan nâng cao (APCA)
Thuật toán tương phản cảm quan nâng cao (APCA) sẽ thay thế AA/AAA tỷ lệ tương phản của nguyên tắc này trong Công cụ chọn màu.
APCA là một cách mới để tính toán độ tương phản dựa trên nghiên cứu hiện đại về cách nhận biết màu sắc. So sánh với Nguyên tắc của AA/AAA, APCA phụ thuộc nhiều hơn vào ngữ cảnh. Độ tương phản được tính toán dựa trên giá trị các thuộc tính về không gian (độ đậm và kích thước phông chữ), màu sắc (sự khác biệt về độ sáng được nhận thấy giữa văn bản và nền) và bối cảnh (ánh sáng xung quanh, môi trường xung quanh, mục đích của văn bản).
Ví dụ cho thấy ngưỡng APCA là 38%. Tỷ lệ tương phản phải đáp ứng hoặc cao hơn giá trị được liệt kê. Giá trị này được tính dựa trên độ đậm và kích thước phông chữ, tham khảo bảng tra cứu APCA này.
Vấn đề về Chromium: 1121900
Tải kênh xem trước xuống
Hãy cân nhắc việc sử dụng Chrome Canary, Nhà phát triển hoặc Beta làm trình duyệt phát triển mặc định của bạn. Các kênh xem trước này cho phép bạn truy cập vào các tính năng mới nhất của Công cụ cho nhà phát triển, kiểm thử các API nền tảng web tiên tiến và tìm ra các vấn đề trên trang web của bạn trước khi người dùng làm điều đó!
Liên hệ với nhóm Công cụ của Chrome cho nhà phát triển
Sử dụng các lựa chọn sau để thảo luận về các tính năng và thay đổi mới trong bài đăng, hoặc bất kỳ nội dung nào khác liên quan đến Công cụ cho nhà phát triển.
- Gửi đề xuất hoặc phản hồi cho chúng tôi qua crbug.com.
- Báo cáo sự cố Công cụ cho nhà phát triển bằng cách sử dụng Tuỳ chọn khác
> Trợ giúp > Báo cáo vấn đề về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
- Tweet tại @ChromeDevTools.
- Để lại bình luận về Tính năng mới trong Video trên YouTube của Công cụ cho nhà phát triển hoặc Mẹo video trên YouTube trong Công cụ cho nhà phát triển.
Tính năng mới trong Công cụ cho nhà phát triển
Danh sách mọi nội dung được đề cập trong loạt bài Tính năng mới trong Công cụ cho nhà phát triển.
- Thông tin chi tiết về Bảng điều khiển của Gemini sẽ ra mắt ở hầu hết các quốc gia Châu Âu
- Nội dung cập nhật về bảng hiệu suất
- Kênh Mạng nâng cao
- Tuỳ chỉnh dữ liệu hiệu suất bằng API khả năng mở rộng
- Thông tin chi tiết trong kênh Thời gian
- Sao chép tất cả các yêu cầu được liệt kê trong bảng điều khiển Mạng
- Ảnh chụp nhanh của vùng nhớ khối xếp nhanh hơn với thẻ HTML được đặt tên và bớt lộn xộn
- Mở bảng điều khiển Ảnh động để chụp ảnh động và chỉnh sửa @keyframes trực tiếp
- Lighthouse 12.1.0
- Các điểm cải tiến về khả năng hỗ trợ tiếp cận
- Những điểm nổi bật khác
- Kiểm tra vị trí neo CSS trong bảng điều khiển Phần tử
- Cải tiến bảng điều khiển Nguồn
- Tính năng "Không bao giờ tạm dừng tại đây" nâng cao
- Trình nghe sự kiện di chuyển nhanh mới
- Cải tiến về bảng điều khiển mạng
- Giá trị đặt trước mới cho việc điều tiết mạng
- Thông tin về trình chạy dịch vụ trong các trường tuỳ chỉnh của định dạng HAR
- Gửi và nhận các sự kiện WebSocket trong bảng điều khiển Hiệu suất
- Những điểm nổi bật khác
- Các điểm cải tiến về bảng điều khiển hiệu suất
- Di chuyển và ẩn kênh với chế độ cấu hình kênh mới
- Bỏ qua các tập lệnh trong biểu đồ hình ngọn lửa
- Giảm 20 lần cho CPU
- Bảng thông tin chi tiết về hiệu suất sẽ ngừng hoạt động
- Tìm mức sử dụng bộ nhớ quá mức bằng các bộ lọc mới trong ảnh chụp nhanh vùng nhớ khối xếp
- Kiểm tra bộ chứa lưu trữ trong phần Ứng dụng > Bộ nhớ
- Tắt cảnh báo tự XSS bằng cờ hiệu dòng lệnh
- Lighthouse 12.0.0
- Những điểm nổi bật khác
- Hiểu rõ hơn về các lỗi và cảnh báo trong Console
- Hỗ trợ quy tắc@Position-try trong Phần tử > Kiểu
- Cải tiến bảng điều khiển Nguồn
- Định cấu hình tự động in đẹp và đóng dấu ngoặc
- Lời hứa bị từ chối đã xử lý được ghi nhận là đã phát hiện được
- Nguyên nhân lỗi trong Console
- Cải tiến về bảng điều khiển mạng
- Kiểm tra tiêu đề Gợi ý ban đầu
- Ẩn cột Thác nước
- Các điểm cải tiến về bảng điều khiển hiệu suất
- Ghi lại số liệu thống kê về bộ chọn CSS
- Thay đổi thứ tự và ẩn bản nhạc
- Bỏ qua các phần giữ lại trong bảng điều khiển Bộ nhớ
- Lighthouse 11.7.1
- Những điểm nổi bật khác
- Bảng điều khiển Tự động điền mới
- Tăng cường điều tiết mạng cho WebRTC
- Hỗ trợ ảnh động theo hướng cuộn trong bảng điều khiển Ảnh động
- Cải thiện khả năng hỗ trợ lồng CSS trong Phần tử > Kiểu
- Bảng điều khiển Hiệu suất nâng cao
- Ẩn các hàm và phần tử con trong biểu đồ hình ngọn lửa
- Mũi tên từ những người khởi tạo được chọn đến những sự kiện mà họ đã khởi tạo
- Lighthouse 11.6.0
- Chú giải công cụ cho các danh mục đặc biệt trong Bộ nhớ > Ảnh chụp nhanh của vùng nhớ khối xếp
- Ứng dụng > Tin cập nhật về bộ nhớ
- Số byte dùng cho bộ nhớ dùng chung
- Web SQL sẽ hoàn toàn ngừng hoạt động
- Cải thiện bảng điều khiển mức độ phù hợp
- Có thể bảng điều khiển Lớp sẽ không được dùng nữa
- Ngừng sử dụng Trình phân tích tài nguyên JavaScript: Giai đoạn 4, giai đoạn cuối cùng
- Những điểm nổi bật khác
- Tìm quả trứng Phục sinh
- Cập nhật bảng điều khiển phần tử
- Mô phỏng một trang được đặt tiêu điểm trong phần Phần tử > Kiểu
- Công cụ chọn màu, Đồng hồ góc và Trình chỉnh sửa Easing trong các bản dự phòng
var()
- Ngừng cung cấp công cụ đo độ dài CSS
- Cửa sổ bật lên cho kết quả tìm kiếm đã chọn trong phần Hiệu suất > Kênh chính
- Nội dung cập nhật về bảng điều khiển mạng
- Xoá nút và bộ lọc tìm kiếm trong phần Mạng > Thẻ EventStream
- Mẹo công cụ kèm theo lý do miễn trừ cho cookie của bên thứ ba trong Mạng > Cookie
- Bật và tắt tất cả các điểm ngắt trong Nguồn
- Xem tập lệnh đã tải trong Công cụ cho nhà phát triển cho Node.js
- Lighthouse 11.5.0
- Các điểm cải tiến về khả năng hỗ trợ tiếp cận
- Những điểm nổi bật khác
- Bộ sưu tập chính thức các tiện ích cho ứng dụng Máy ghi âm đã ra mắt
- Cải tiến mạng
- Lý do không đạt trong cột Trạng thái
- Trình đơn phụ Sao chép được cải thiện
- Cải thiện hiệu suất
- Đường dẫn trong Dòng thời gian
- Người khởi tạo sự kiện trong Kênh chính
- Trình đơn bộ chọn thực thể máy ảo JavaScript cho Công cụ cho nhà phát triển Node.js
- Phím tắt và lệnh mới trong phần Nguồn
- Những điểm cải tiến về phần tử
- Phần tử giả ::view-transition hiện có thể chỉnh sửa được trong Styles
- Hỗ trợ thuộc tính căn chỉnh nội dung cho vùng chứa khối
- Hỗ trợ tư thế cho thiết bị có thể gập lại được mô phỏng
- Giao diện động
- Cảnh báo về việc loại bỏ cookie của bên thứ ba trong bảng điều khiển Mạng và ứng dụng
- Lighthouse 11.4.0
- Các điểm cải tiến về khả năng hỗ trợ tiếp cận
- Những điểm nổi bật khác
- Những điểm cải tiến về phần tử
- Thanh bộ lọc được tinh giản trong bảng điều khiển Mạng
- Bộ phận hỗ trợ của
@font-palette-values
- Trường hợp được hỗ trợ: Thuộc tính tuỳ chỉnh dưới dạng phương án dự phòng cho một thuộc tính tuỳ chỉnh khác
- Hỗ trợ bản đồ nguồn được cải thiện
- Các điểm cải tiến về bảng điều khiển hiệu suất
- Kênh hoạt động tương tác nâng cao
- Tính năng lọc nâng cao trong các thẻ Từ dưới lên, Cây cuộc gọi và Nhật ký sự kiện
- Điểm đánh dấu thụt lề trong bảng điều khiển Nguồn
- Chú thích hữu ích cho tiêu đề và nội dung bị ghi đè trong bảng điều khiển Mạng
- Các tuỳ chọn mới trong Trình đơn lệnh để thêm và xoá mẫu chặn yêu cầu
- Thử nghiệm các lỗi vi phạm CSP sẽ bị xoá
- Lighthouse 11.3.0
- Các điểm cải tiến về khả năng hỗ trợ tiếp cận
- Những điểm nổi bật khác
- Loại bỏ dần cookie của bên thứ ba
- Phân tích cookie của trang web bằng Công cụ phân tích Hộp cát về quyền riêng tư
- Trang thông tin bỏ qua nâng cao
- Mẫu loại trừ mặc định chonode_modules
- Các trường hợp ngoại lệ bị phát hiện sẽ ngừng thực thi nếu được phát hiện hoặc truyền qua mã không bị bỏ qua
- Đã đổi tên
x_google_ignoreList
thànhignoreList
trong bản đồ nguồn - Bật/tắt chế độ nhập mới trong khi gỡ lỗi từ xa
- Giờ đây, bảng điều khiển Phần tử sẽ hiển thị URL cho #nút tài liệu
- Chính sách bảo mật nội dung có hiệu lực trong bảng điều khiển Ứng dụng
- Cải thiện tính năng gỡ lỗi ảnh động
- "Bạn có tin tưởng mã này không?" hộp thoại trong Nguồn và cảnh báo tự XSS trong Console
- Điểm ngắt trình nghe sự kiện trong web worker và worklet
- Huy hiệu truyền thông mới dành cho
<audio>
và<video>
- Tải trước đã đổi tên thành Tải theo suy đoán
- Lighthouse 11.2.0
- Các điểm cải tiến về khả năng hỗ trợ tiếp cận
- Những điểm nổi bật khác
- Phần @property đã được cải thiện trong phần tử > Kiểu
- Quy tắc @property có thể chỉnh sửa
- Báo cáo các vấn đề có quy tắc @property không hợp lệ
- Danh sách mới cập nhật các thiết bị để mô phỏng
- Tạo bản in đẹp mắt JSON cùng dòng trong các thẻ tập lệnh trong phần Nguồn
- Tự động hoàn thành các trường riêng tư trong Console
- Lighthouse 11.1.0
- Các điểm cải tiến về khả năng hỗ trợ tiếp cận
- Ngừng sử dụng SQL cho web
- Xác thực tỷ lệ khung hình của ảnh chụp màn hình trong Ứng dụng > Tệp kê khai
- Những điểm nổi bật khác
- Mục mới cho thuộc tính tuỳ chỉnh trong phần tử > Kiểu
- Các điểm cải tiến khác về chế độ ghi đè cục bộ
- Tìm kiếm nâng cao
- Bảng điều khiển Nguồn đã được cải thiện
- Đơn giản hoá không gian làm việc trong bảng điều khiển Nguồn
- Sắp xếp lại các ngăn trong Nguồn
- Làm nổi bật cú pháp và in đẹp cho nhiều loại tập lệnh khác
- Mô phỏng tính năng nội dung đa phương tiện prefers-reduced-transparency
- Lighthouse 11
- Các điểm cải tiến về khả năng hỗ trợ tiếp cận
- Những điểm nổi bật khác
- Cải tiến về bảng điều khiển mạng
- Ghi đè nội dung trên web cục bộ nhanh hơn nữa
- Ghi đè nội dung của XHR và yêu cầu tìm nạp
- Ẩn các yêu cầu liên quan đến tiện ích của Chrome
- Mã trạng thái HTTP mà con người có thể đọc được
Hiệu suất: Xem những thay đổi về mức độ ưu tiên tìm nạp cho các sự kiện mạng
- Chế độ cài đặt nguồn được bật theo mặc định: Tính năng Thu gọn mã và tự động hiện tệp
- Cải thiện tính năng gỡ lỗi các vấn đề về cookie của bên thứ ba
- Màu mới
- Lighthouse 10.4.0
- Gỡ lỗi tải trước trong bảng điều khiển Ứng dụng
- Tiện ích gỡ lỗi C/C++ WebAssembly cho Công cụ cho nhà phát triển hiện là nguồn mở
- Những điểm nổi bật khác
- (Thử nghiệm) Mô phỏng kết xuất mới: prefers-reduced-transparency
- (Thử nghiệm) Giám sát Giao thức nâng cao
- Cải thiện việc gỡ lỗi biểu định kiểu bị thiếu
- Hỗ trợ thời gian tuyến tính trong Phần tử > Kiểu > Trình chỉnh sửa Easing
- Hỗ trợ bộ chứa lưu trữ và chế độ xem siêu dữ liệu
- Lighthouse 10.3.0
- Hỗ trợ tiếp cận: Lệnh bàn phím và cải thiện khả năng đọc màn hình
- Những điểm nổi bật khác
- Những điểm cải tiến về phần tử
- Huy hiệu lưới phụ CSS mới
- Thông tin cụ thể về bộ chọn trong chú thích
- Giá trị của thuộc tính CSS tuỳ chỉnh trong phần chú thích
- Cải tiến về nguồn
- Làm nổi bật cú pháp CSS
- Lối tắt để đặt điểm ngắt có điều kiện
- Ứng dụng > Giảm hoạt động theo dõi số trang không truy cập
- Lighthouse 10.2.0
- Bỏ qua tập lệnh nội dung theo mặc định
- Mạng > Cải thiện câu trả lời
- Những điểm nổi bật khác
- Hỗ trợ gỡ lỗi WebAssembly
- Cải thiện hành vi đi bộ trong các ứng dụng Wasm
- Gỡ lỗi cho tính năng Tự động điền bằng bảng điều khiển Phần tử và thẻ Vấn đề
- Câu nhận định trong Máy ghi âm
- Lighthouse 10.1.1
- Các tính năng nâng cao về hiệu suất
- performance.mark() hiển thị thời gian khi di chuột trong phần Hiệu suất > Thời gian
- Lệnh profile() điền Performance > (Hiệu suất >) Chính
- Cảnh báo về mức độ tương tác chậm của người dùng
- Thông tin cập nhật về Chỉ số quan trọng chính của trang web
- Ngừng sử dụng Trình phân tích tài nguyên JavaScript: Giai đoạn 3
- Những điểm nổi bật khác
- Ghi đè tiêu đề phản hồi mạng
- Cải thiện cách gỡ lỗi Nuxt, Vite và hợp nhất
- Cải tiến CSS trong Phần tử > Kiểu
- Các thuộc tính và giá trị CSS không hợp lệ
- Đường liên kết đến các khung hình chính trong thuộc tính viết tắt của ảnh động
- Chế độ cài đặt mới trong Console: Tự động hoàn thành khi nhấn Enter
- Trình đơn lệnh nhấn mạnh các tệp đã tạo
- Ngừng sử dụng Trình phân tích tài nguyên JavaScript: Giai đoạn 2
- Những điểm nổi bật khác
- Cập nhật về Máy ghi âm
- Tiện ích phát lại Máy ghi âm
- Ghi bằng bộ chọn dấu xỏ
- Xuất các bản ghi dưới dạng tập lệnh Puppeteer nhờ dữ liệu phân tích Lighthouse
- Tải tiện ích cho Máy ghi âm
- Phần tử > Thông tin cập nhật về kiểu
- Tài liệu CSS trong ngăn Kiểu
- Hỗ trợ lồng ghép CSS
- Đánh dấu điểm ghi nhật ký và điểm ngắt có điều kiện trong Console
- Bỏ qua các tập lệnh không liên quan trong quá trình gỡ lỗi
- Ngừng hỗ trợ Trình phân tích tài nguyên JavaScript
- Mô phỏng độ tương phản giảm
- Lighthouse 10
- Những điểm nổi bật khác
- Gỡ lỗi màu HD bằng ngăn Kiểu
- Trải nghiệm người dùng có điểm ngắt nâng cao
- Lối tắt cho ứng dụng Máy ghi âm có thể tuỳ chỉnh
- Nâng cao tính năng làm nổi bật cú pháp cho Angular
- Sắp xếp lại bộ nhớ đệm trong bảng điều khiển Application
- Những điểm nổi bật khác
- Xoá Bảng điều khiển hiệu suất khi tải lại
- Cập nhật về Máy ghi âm
- Xem và đánh dấu mã của luồng người dùng trong Máy ghi âm
- Tuỳ chỉnh các loại bộ chọn của bản ghi
- Chỉnh sửa luồng người dùng trong khi ghi
- Tự động tạo bản in đẹp tại chỗ
- Cải thiện tính năng làm nổi bật cú pháp và xem trước cùng dòng cho Vue, SCSS và nhiều sản phẩm khác
- Tính năng tự động hoàn thành nhất quán và tiết kiệm trong Console
- Những điểm nổi bật khác
- Ghi âm: Sao chép dưới dạng các lựa chọn cho các bước, bản phát lại trong trang, trình đơn theo bối cảnh của bước
- Hiện tên chức năng thực tế trong bản ghi hiệu suất
- Phím tắt mới trong Console và Bảng điều khiển Nguồn
- Cải thiện tính năng gỡ lỗi JavaScript
- Những điểm nổi bật khác
- [Thử nghiệm] Trải nghiệm người dùng nâng cao trong việc quản lý các điểm ngắt
- [Thử nghiệm] Ảnh in đẹp tự động tại chỗ
- Gợi ý cho các tài sản CSS không hoạt động
- Tự động phát hiện Wi-Fi và bộ chọn văn bản trong bảng điều khiển Trình ghi
- Bước qua biểu thức được phân tách bằng dấu phẩy
- Cải thiện chế độ cài đặt Danh sách bỏ qua
- Những điểm nổi bật khác
- Tuỳ chỉnh phím tắt trong Công cụ cho nhà phát triển
- Bật/tắt giao diện sáng và tối bằng phím tắt
- Làm nổi bật đối tượng C/C++ trong Trình kiểm tra bộ nhớ
- Hỗ trợ đầy đủ thông tin về trình khởi tạo để nhập HAR
- Bắt đầu tìm kiếm DOM sau khi nhấn
Enter
- Hiển thị biểu tượng
start
vàend
cho các thuộc tính hộp linh hoạt của CSSalign-content
- Những điểm nổi bật khác
- Nhóm tệp theo Đã tạo / Đã triển khai trong bảng điều khiển Nguồn
- Dấu vết ngăn xếp được liên kết cho các hoạt động không đồng bộ
- Tự động bỏ qua các tập lệnh đã biết của bên thứ ba
- Cải thiện ngăn xếp lệnh gọi trong quá trình gỡ lỗi
- Ẩn các nguồn có trong danh sách bỏ qua trong bảng điều khiển Nguồn
- Ẩn các tệp có trong danh sách bỏ qua trong trình đơn Lệnh
- Theo dõi Lượt tương tác mới trong bảng Hiệu suất
- Bảng chi tiết về thời gian LCP trong bảng Thông tin chi tiết về hiệu suất
- Tự động tạo tên mặc định cho các bản ghi âm trong bảng điều khiển Máy ghi âm
- Những điểm nổi bật khác
- Phát lại từng bước trong ứng dụng Máy ghi âm
- Hỗ trợ di chuột qua sự kiện trong bảng điều khiển Máy ghi âm
- Nội dung lớn nhất hiển thị (LCP) trong bảng Thông tin chi tiết về hiệu suất
- Xác định văn bản nhấp nháy (FOIT, FOUT) là nguyên nhân gốc tiềm ẩn gây ra sự thay đổi bố cục
- Trình xử lý giao thức trong ngăn Tệp kê khai
- Huy hiệu lớp trên cùng trong bảng điều khiển Phần tử
- Đính kèm thông tin gỡ lỗi Wasm trong thời gian chạy
- Hỗ trợ chỉnh sửa trực tiếp trong khi gỡ lỗi
- Xem và chỉnh sửa @scope tại các quy tắc trong ngăn Kiểu
- Cải tiến bản đồ nguồn
- Những điểm nổi bật khác
- Khởi động lại khung hình trong khi gỡ lỗi
- Các tuỳ chọn phát lại chậm trong bảng điều khiển Máy ghi âm
- Tạo tiện ích cho bảng điều khiển Máy ghi âm
- Nhóm tệp theo Đã tạo / Đã triển khai trong bảng điều khiển Nguồn
- Theo dõi Thời gian người dùng mới trong bảng Thông tin chi tiết về hiệu suất
- Hiển thị vị trí được chỉ định của một phần tử
- Mô phỏng tính năng đồng thời phần cứng cho bản ghi Hiệu suất
- Xem trước giá trị không phải màu sắc khi tự động điền các biến CSS
- Xác định các khung chặn trong ngăn bộ nhớ đệm cho thao tác tiến/lùi
- Cải thiện tính năng đề xuất tự động hoàn thành cho đối tượng JavaScript
- Cải tiến bản đồ nguồn
- Những điểm nổi bật khác
- Ghi lại các sự kiện nhấp đúp và nhấp chuột phải trong bảng điều khiển Máy ghi âm
- Chế độ tổng quan nhanh và khoảng thời gian mới trong bảng điều khiển Lighthouse
- Cải thiện khả năng kiểm soát thu phóng trong bảng điều khiển Thông tin chi tiết về hiệu suất
- Xác nhận để xoá một bản ghi hiệu suất
- Sắp xếp lại các ngăn trong bảng điều khiển Phần tử
- Chọn màu bên ngoài trình duyệt
- Cải thiện tính năng xem trước giá trị cùng dòng trong quá trình gỡ lỗi
- Hỗ trợ các blob lớn cho trình xác thực ảo
- Phím tắt mới trong bảng điều khiển Nguồn
- Cải tiến bản đồ nguồn
- Tính năng xem trước: Bảng Thông tin chi tiết về hiệu suất mới
- Các lối tắt mới để mô phỏng giao diện sáng và tối
- Tăng cường khả năng bảo mật trên thẻ Network Preview (Xem trước mạng)
- Cải thiện quá trình tải lại tại điểm ngắt
- Bản cập nhật Play Console
- Huỷ ghi luồng người dùng lúc bắt đầu
- Hiển thị các phần tử giả làm nổi bật được kế thừa trong ngăn Kiểu
- Những điểm nổi bật khác
- [Thử nghiệm] Sao chép các thay đổi về CSS
- [Thử nghiệm] Chọn màu bên ngoài trình duyệt
- Nhập và xuất luồng người dùng được ghi lại dưới dạng tệp JSON
- Xem các lớp tầng trong ngăn Kiểu
- Hỗ trợ hàm màu
hwb()
- Cải thiện khả năng hiển thị các khu vực tư nhân
- Những điểm nổi bật khác
- [Thử nghiệm] Chế độ tổng quan nhanh và khoảng thời gian mới trong bảng điều khiển Lighthouse
- Xem và chỉnh sửa @supports theo các quy tắc trong ngăn Kiểu
- Hỗ trợ các bộ chọn phổ biến theo mặc định
- Tuỳ chỉnh bộ chọn của bản ghi
- Đổi tên bản ghi âm
- Xem trước thuộc tính lớp/hàm khi di chuột
- Khung được trình bày một phần trong bảng điều khiển Hiệu suất
- Những điểm nổi bật khác
- Điều chỉnh các yêu cầu WebSocket
- Ngăn API Báo cáo mới trong bảng điều khiển Ứng dụng
- Hỗ trợ đợi cho đến khi phần tử hiển thị/nhấp vào được trong bảng điều khiển Máy ghi âm
- Định dạng, lọc và định kiểu bảng điều khiển tốt hơn
- Gỡ lỗi tiện ích của Chrome có tệp bản đồ nguồn
- Cải thiện cây thư mục nguồn trong bảng điều khiển Nguồn
- Hiển thị tệp nguồn của worker trong bảng điều khiển Nguồn
- Bản cập nhật Giao diện tối tự động của Chrome
- Bộ chọn màu và ngăn phân tách phù hợp với thao tác chạm
- Những điểm nổi bật khác
- Tính năng xem trước: Cây hỗ trợ tiếp cận toàn trang
- Các thay đổi chính xác hơn trong thẻ Thay đổi
- Đặt thời gian chờ dài hơn cho việc ghi lại luồng người dùng
- Đảm bảo các trang của bạn có thể lưu vào bộ nhớ đệm thông qua thẻ Bộ nhớ đệm cho thao tác tiến/lùi
- Bộ lọc mới của ngăn Tài sản
- Mô phỏng tính năng đa phương tiện có màu bắt buộc của CSS
- Hiện thước kẻ trên lệnh di chuột
- Hỗ trợ
row-reverse
vàcolumn-reverse
trong trình chỉnh sửa Flexbox - Phím tắt mới để phát lại XHR và mở rộng tất cả kết quả tìm kiếm
- Lighthouse 9 trong bảng điều khiển Lighthouse
- Bảng điều khiển Nguồn đã được cải thiện
- Những điểm nổi bật khác
- [Thử nghiệm] Điểm cuối trong ngăn API báo cáo
- Tính năng xem trước: Bảng điều khiển mới dành cho Máy ghi âm
- Làm mới danh sách thiết bị ở Chế độ thiết bị
- Tự động hoàn thành bằng tính năng Chỉnh sửa dưới dạng HTML
- Cải thiện trải nghiệm gỡ lỗi mã
- Đồng bộ hoá chế độ cài đặt Công cụ cho nhà phát triển trên các thiết bị
- Tính năng xem trước: Bảng điều khiển tổng quan về CSS mới
- Đã khôi phục và cải thiện trải nghiệm sao chép cũng như chỉnh sửa độ dài CSS
- Mô phỏng tính năng nội dung nghe nhìn ưu tiên độ tương phản của CSS
- Mô phỏng tính năng Giao diện tối tự động của Chrome
- Sao chép nội dung khai báo dưới dạng JavaScript trong ngăn Kiểu
- Thẻ Tải trọng mới trong bảng điều khiển Mạng
- Cải thiện khả năng hiển thị các thuộc tính trong ngăn Properties (Thuộc tính)
- Tuỳ chọn ẩn lỗi CORS trong Console
- Xem trước và đánh giá đối tượng
Intl
phù hợp trong Console - Dấu vết ngăn xếp không đồng bộ nhất quán
- Giữ lại thanh bên Console
- Ngăn bộ nhớ đệm của ứng dụng không dùng nữa trong bảng điều khiển Application
- [Thử nghiệm] Ngăn API Báo cáo mới trong bảng điều khiển Ứng dụng
- Công cụ mới để chỉnh sửa độ dài CSS
- Ẩn vấn đề trong thẻ Vấn đề
- Cải thiện khả năng hiển thị các cơ sở lưu trú
- Lighthouse 8.4 trong bảng điều khiển Lighthouse
- Sắp xếp đoạn trích trong bảng điều khiển Nguồn
- Đường liên kết mới đến bản dịch ghi chú phát hành và báo cáo lỗi về bản dịch
- Giao diện người dùng được cải thiện cho trình đơn lệnh trong Công cụ cho nhà phát triển
- Sử dụng Công cụ cho nhà phát triển bằng ngôn ngữ ưu tiên của bạn
- Thiết bị Nest Hub mới trong Danh sách thiết bị
- Bản dùng thử theo nguyên gốc trong chế độ xem Chi tiết khung
- Huy hiệu truy vấn vùng chứa CSS mới
- Hộp đánh dấu mới để đảo ngược các bộ lọc mạng
- Sắp tới, thanh bên trong Bảng điều khiển sẽ ngừng hoạt động
- Hiển thị tiêu đề
Set-Cookies
chưa qua xử lý trong thẻ Vấn đề và bảng điều khiển Mạng - Trình truy cập gốc hiển thị một cách nhất quán dưới dạng tài sản riêng trong Console
- Dấu vết ngăn xếp lỗi thích hợp cho các tập lệnh cùng dòng có #sourceURL
- Thay đổi định dạng màu trong ngăn Đã tính toán
- Thay thế chú thích tuỳ chỉnh bằng chú thích HTML gốc
- [Thử nghiệm] Ẩn vấn đề trong thẻ Vấn đề
- Truy vấn vùng chứa CSS có thể chỉnh sửa trong ngăn Kiểu
- Xem trước gói web trong bảng điều khiển Mạng
- Gỡ lỗi Attribution Reporting API
- Xử lý chuỗi tốt hơn trong Console
- Cải thiện tính năng gỡ lỗi CORS (Chia sẻ tài nguyên giữa nhiều nguồn gốc)
- Lighthouse 8.1
- URL ghi chú mới trong ngăn Tệp kê khai
- Bộ chọn so khớp CSS cố định
- Tạo phản hồi JSON đẹp mắt trong bảng điều khiển Mạng
- Trình chỉnh sửa lưới CSS
- Hỗ trợ cho việc khai báo lại
const
trong Console - Trình xem thứ tự nguồn
- Lối tắt mới để xem thông tin chi tiết về khung hình
- Tính năng hỗ trợ nâng cao cho việc gỡ lỗi CORS (Chia sẻ tài nguyên giữa nhiều nguồn gốc)
- Đổi tên nhãn XHR thành Tìm nạp/XHR
- Lọc loại tài nguyên Wasm trong bảng điều khiển Mạng
- Gợi ý về ứng dụng tác nhân người dùng cho các thiết bị trong thẻ Tình trạng mạng
- Báo cáo vấn đề về chế độ tương thích ngược trong thẻ Vấn đề
- Thêm các giao điểm điện toán trong bảng điều khiển Hiệu suất
- Lighthouse 7.5 trong bảng điều khiển Lighthouse
- Không dùng "Khung khởi động lại" nữa trình đơn theo bối cảnh trong ngăn xếp lệnh gọi
- [Thử nghiệm] Giám sát giao thức
- [Thử nghiệm] Máy ghi âm Puppeteer
- Thông tin về Chỉ số quan trọng chính của trang web xuất hiện
- Trình kiểm tra bộ nhớ mới
- Trực quan hoá scroll-snap của CSS
- Ngăn cài đặt huy hiệu mới
- Bản xem trước hình ảnh nâng cao với thông tin về tỷ lệ khung hình
- Nút điều kiện mạng mới với các lựa chọn để định cấu hình
Content-Encoding
- lối tắt để xem giá trị đã tính
- Từ khoá
accent-color
- Phân loại các loại vấn đề bằng màu sắc và biểu tượng
- Xoá Mã thông báo tin cậy
- Các tính năng bị chặn trong chế độ xem thông tin chi tiết về khung
- Lọc thử nghiệm trong chế độ cài đặt Thử nghiệm
- Cột
Vary Header
mới trong ngăn Bộ nhớ đệm - Hỗ trợ kiểm tra thương hiệu riêng tư JavaScript
- Hỗ trợ nâng cao cho việc gỡ lỗi điểm ngắt
- Hỗ trợ chế độ xem trước khi di chuột có ký hiệu
[]
- Cải thiện đường viền của tệp HTML
- Dấu vết ngăn xếp lỗi thích hợp khi gỡ lỗi Wasm
- Công cụ gỡ lỗi CSS flexbox mới
- Lớp phủ mới Chỉ số quan trọng chính của trang web
- Đã di chuyển số lượng vấn đề sang thanh trạng thái trên Bảng điều khiển
- Báo cáo vấn đề về Hoạt động đáng tin cậy trên web
- Định dạng chuỗi dưới dạng giá trị cố định dạng chuỗi JavaScript (hợp lệ) trong Console
- Ngăn Mã thông báo tin cậy mới trong bảng điều khiển Ứng dụng
- Mô phỏng tính năng đa phương tiện color-gamut của CSS
- Cải thiện công cụ Ứng dụng web tiến bộ
- Cột
Remote Address Space
mới trong bảng điều khiển Mạng - Cải thiện hiệu suất
- Hiển thị các tính năng được phép/không được phép trong chế độ xem chi tiết của Khung
- Cột
SameParty
mới trong ngăn Cookie - Ngừng hỗ trợ
fn.displayName
không theo chuẩn - Ngừng sử dụng
Don't show Chrome Data Saver warning
trong trình đơn Cài đặt - [Thử nghiệm] Tự động báo cáo vấn đề về độ tương phản thấp trong thẻ Vấn đề
- [Thử nghiệm] Chế độ xem dạng cây hỗ trợ tiếp cận đầy đủ trong bảng điều khiển Phần tử
- Hỗ trợ gỡ lỗi cho các lỗi vi phạm về Loại đáng tin cậy
- Chụp ảnh màn hình nút bên ngoài khung nhìn
- Thẻ "Trust Tokens" mới cho các yêu cầu về mạng
- Lighthouse 7 trong bảng điều khiển Lighthouse
- Hỗ trợ buộc trạng thái
:target
của CSS - Lối tắt mới đến phần tử trùng lặp
- Công cụ chọn màu cho thuộc tính CSS tuỳ chỉnh
- Các lối tắt mới để sao chép các thuộc tính CSS
- Tuỳ chọn mới để hiển thị cookie được giải mã URL
- Chỉ xoá cookie hiển thị
- Tuỳ chọn mới để xoá cookie của bên thứ ba trong ngăn Bộ nhớ
- Chỉnh sửa gợi ý của ứng dụng tác nhân người dùng cho thiết bị tuỳ chỉnh
- Duy trì tính năng "ghi nhật ký mạng" cài đặt
- Xem các kết nối WebTransport trong bảng điều khiển Mạng
- "Trực tuyến" đổi tên thành "Không điều tiết"
- Các lựa chọn sao chép mới trong bảng điều khiển, bảng điều khiển Nguồn và ngăn Kiểu
- Thông tin mới về Trình chạy dịch vụ trong chế độ xem chi tiết khung
- Đo lường thông tin Bộ nhớ trong chế độ xem chi tiết Khung
- Gửi ý kiến phản hồi trên thẻ Vấn đề
- Khung hình bị rớt trong bảng điều khiển Hiệu suất
- Mô phỏng thiết bị có thể gập lại và thiết bị màn hình đôi ở Chế độ thiết bị
- [Thử nghiệm] Tự động hoá quy trình kiểm thử trình duyệt bằng Trình ghi Puppeteer
- [Thử nghiệm] Trình chỉnh sửa phông chữ trong ngăn Kiểu
- [Thử nghiệm] Công cụ gỡ lỗi CSS flexbox
- [Thử nghiệm] Thẻ mới về Các lỗi vi phạm chính sách bảo mật nội dung (CSP)
- [Thử nghiệm] Tính toán mới về độ tương phản màu – Thuật toán tương phản cảm quan nâng cao (APCA)
- Khởi động Công cụ cho nhà phát triển nhanh hơn
- Công cụ trực quan hoá góc CSS mới
- Mô phỏng các loại hình ảnh không được hỗ trợ
- Mô phỏng kích thước hạn mức bộ nhớ trong ngăn Bộ nhớ
- Đường mới dành cho Các chỉ số quan trọng về trang web trong bảng điều khiển Hiệu suất
- Báo cáo lỗi CORS trong bảng điều khiển Mạng
- Thông tin về cách tách biệt nhiều nguồn gốc trong chế độ xem chi tiết Khung
- Thông tin mới về Trình chạy web trong chế độ xem chi tiết Khung
- Hiển thị chi tiết khung mở cho các cửa sổ đã mở
- Mở bảng điều khiển Mạng trong ngăn Service Workers
- Sao chép giá trị thuộc tính
- Sao chép dấu vết ngăn xếp cho trình khởi tạo mạng
- Xem trước giá trị biến Wasm khi di chuột qua
- Đánh giá biến Wasm trong Console
- Các đơn vị đo lường nhất quán cho kích thước tệp/bộ nhớ
- Làm nổi bật các phần tử giả trong bảng điều khiển Phần tử
- [Thử nghiệm] Công cụ gỡ lỗi CSS Flexbox
- [Thử nghiệm] Tuỳ chỉnh phím tắt cho hợp âm
- Công cụ gỡ lỗi mới cho lưới CSS
- Thẻ WebAuthn mới
- Di chuyển công cụ giữa bảng điều khiển trên cùng và bảng dưới cùng
- Ngăn thanh bên Đã tính toán mới trong ngăn Kiểu
- Nhóm các thuộc tính CSS trong ngăn Đã tính toán
- Lighthouse 6.3 trong bảng điều khiển Lighthouse
performance.mark()
sự kiện trong mục Thời gian- Các bộ lọc
resource-type
vàurl
mới trong bảng điều khiển Mạng - Cập nhật chế độ xem chi tiết khung
- Ngừng sử dụng
Settings
trong trình đơn Công cụ khác - [Thử nghiệm] Xem và khắc phục các vấn đề về độ tương phản màu trong bảng điều khiển Tổng quan về CSS
- [Thử nghiệm] Tuỳ chỉnh phím tắt trong Công cụ cho nhà phát triển
- Bảng điều khiển nội dung nghe nhìn mới
- Chụp ảnh màn hình nút bằng trình đơn theo bối cảnh của bảng điều khiển Phần tử
- Cập nhật thẻ Vấn đề
- Mô phỏng các phông chữ bị thiếu trên máy
- Mô phỏng người dùng không hoạt động
- Mô phỏng
prefers-reduced-data
- Hỗ trợ các tính năng JavaScript mới
- Lighthouse 6.2 trong bảng điều khiển Lighthouse
- Ngừng sử dụng "các nguồn gốc khác" trong ngăn Service Workers
- Hiện bản tóm tắt mức độ phù hợp cho các mục đã lọc
- Chế độ xem chi tiết khung mới trong bảng điều khiển Ứng dụng
- Gợi ý màu sắc dễ tiếp cận trong ngăn Kiểu
- Khôi phục ngăn Thuộc tính trong bảng điều khiển Phần tử
- Giá trị tiêu đề
X-Client-Data
mà con người có thể đọc được trong bảng điều khiển Mạng - Tự động hoàn tất phông chữ tuỳ chỉnh trong ngăn Kiểu
- Hiển thị nhất quán loại tài nguyên trong bảng điều khiển Mạng
- Xoá các nút trong bảng điều khiển Phần tử và Mạng
- Chỉnh sửa kiểu cho khung CSS trong JS
- Lighthouse 6 trong bảng điều khiển Lighthouse
- Ngừng sử dụng Nội dung hiển thị có ý nghĩa đầu tiên (FMP)
- Hỗ trợ các tính năng JavaScript mới
- Cảnh báo mới về lối tắt cho ứng dụng trong ngăn Tệp kê khai
- Sự kiện
respondWith
của trình chạy dịch vụ trong thẻ Thời gian - Hiển thị nhất quán ngăn Đã tính toán
- Độ lệch mã byte cho tệp WebAssembly
- Sao chép theo dòng và cắt trong bảng điều khiển Nguồn
- Thông tin cập nhật về chế độ cài đặt trên Play Console
- Nội dung cập nhật về bảng hiệu suất
- Biểu tượng mới cho điểm ngắt, điểm ngắt có điều kiện và điểm nhật ký
- Khắc phục các vấn đề về trang web trong thẻ Vấn đề mới
- Xem thông tin hỗ trợ tiếp cận trong chú thích về Chế độ kiểm tra
- Nội dung cập nhật về bảng hiệu suất
- Các thuật ngữ chính xác hơn về lời hứa trong Play Console
- Nội dung cập nhật về ngăn Kiểu
- Ngừng sử dụng ngăn Thuộc tính trong bảng điều khiển Phần tử
- Hỗ trợ lối tắt ứng dụng trong ngăn Tệp kê khai
- Mô phỏng khiếm khuyết thị lực
- Mô phỏng ngôn ngữ
- Gỡ lỗi liên quan đến Chính sách về trình nhúng trên nhiều nguồn gốc (COEP)
- Biểu tượng mới cho điểm ngắt, điểm ngắt có điều kiện và điểm nhật ký
- Xem các yêu cầu mạng đặt một cookie cụ thể
- Gắn sang trái trong trình đơn Command
- Tuỳ chọn Cài đặt trong Trình đơn chính đã di chuyển
- Bảng điều khiển Kiểm tra hiện là bảng điều khiển Lighthouse
- Xoá tất cả lệnh Ghi đè cục bộ trong thư mục
- Đã cập nhật giao diện người dùng của Tác vụ dài
- Hỗ trợ biểu tượng có thể trá hình trong ngăn Tệp kê khai
- Hỗ trợ Moto G4 ở Chế độ thiết bị
- Nội dung cập nhật liên quan đến cookie
- Biểu tượng tệp kê khai ứng dụng web chính xác hơn
- Di chuột qua các thuộc tính CSS
content
để xem các giá trị không thoát - Lỗi bản đồ nguồn trong Bảng điều khiển
- Cài đặt để tắt chức năng cuộn qua cuối tệp
- Hỗ trợ khai báo lại
let
vàclass
trong Console - Cải thiện tính năng gỡ lỗi WebAssembly
- Yêu cầu chuỗi trình khởi tạo trong thẻ Trình khởi tạo
- Làm nổi bật yêu cầu mạng đã chọn trong phần Tổng quan
- Cột URL và đường dẫn trong bảng điều khiển Mạng
- Chuỗi tác nhân người dùng mới cập nhật
- Giao diện người dùng mới cho cấu hình bảng điều khiển Kiểm tra
- Chế độ sử dụng mã theo mỗi hàm hoặc mỗi khối
- Giờ đây, mức độ phù hợp của mã phải bắt đầu bằng cách tải lại trang
- Gỡ lỗi vì sao cookie bị chặn
- Xem giá trị cookie
- Mô phỏng các lựa chọn ưu tiên khác nhau về án-phối-màu-sắc và lựa chọn ưu tiên về chuyển động ưu tiên
- Nội dung cập nhật về mức độ sử dụng mã
- Gỡ lỗi vì sao một tài nguyên mạng được yêu cầu
- Các bảng điều khiển Bảng điều khiển và Nguồn sẽ tuân thủ các lựa chọn ưu tiên về thụt lề một lần nữa
- Phím tắt mới để di chuyển bằng con trỏ
- Hỗ trợ nhiều khách hàng trong bảng Kiểm tra
- Gỡ lỗi Trình xử lý thanh toán
- Lighthouse 5.2 trong Ban kiểm tra
- Nội dung lớn nhất hiển thị trong bảng điều khiển Hiệu suất
- Tệp các vấn đề trong Công cụ cho nhà phát triển qua Trình đơn chính
- Sao chép kiểu phần tử
- Trực quan hoá việc thay đổi bố cục
- Lighthouse 5.1 trong Ban kiểm tra
- Đồng bộ hoá giao diện của hệ điều hành
- Phím tắt để mở Breakpoint Editor (Trình chỉnh sửa điểm ngắt)
- Tìm nạp trước bộ nhớ đệm trong bảng điều khiển Mạng
- Thuộc tính riêng tư khi xem đối tượng
- Thông báo và thông báo đẩy trong bảng điều khiển Ứng dụng
- Tự động hoàn thành bằng các giá trị CSS
- Giao diện người dùng mới cho các chế độ cài đặt mạng
- Thông báo WebSocket trong tệp xuất HAR
- Nút nhập và xuất HAR
- Mức sử dụng bộ nhớ theo thời gian thực
- Số cổng đăng ký trình chạy dịch vụ
- Kiểm tra sự kiện Tìm nạp trong nền và đồng bộ hoá trong nền
- Puppeteer cho Firefox
- Giá trị đặt trước có ý nghĩa khi tự động hoàn thành các hàm CSS
- Xoá dữ liệu trang web khỏi Trình đơn Command
- Xem tất cả cơ sở dữ liệu IndexedDB
- Xem kích thước không nén của tài nguyên khi di chuột
- Điểm ngắt cùng dòng trong ngăn Điểm ngắt
- Số lượng tài nguyên Bộ nhớ đệm và DB lập chỉ mục
- Chế độ cài đặt để tắt chú thích Kiểm tra chi tiết
- Chế độ cài đặt bật/tắt tính năng thụt lề thẻ trong Trình chỉnh sửa
- Đánh dấu tất cả các nút chịu ảnh hưởng của tài sản CSS
- Lighthouse phiên bản 4 trong nhóm kiểm tra
- Trình xem thông báo nhị phân của WebSocket
- Chụp ảnh màn hình vùng trong trình đơn Command
- Bộ lọc Trình chạy dịch vụ trong bảng điều khiển Mạng
- Nội dung cập nhật về bảng hiệu suất
- Tác vụ dài trong Bản ghi của bảng điều khiển Hiệu suất
- Hiển thị đầu tiên trong phần Thời gian
- Mẹo hay: Lối tắt để xem mã màu RGB và HSL (video)
- Điểm ghi nhật ký
- Chú thích chi tiết trong Chế độ kiểm tra
- Xuất dữ liệu về mức độ sử dụng mã
- Sử dụng Bảng điều khiển bằng bàn phím
- Đường tỷ lệ tương phản AAA trong Công cụ chọn màu
- Lưu cơ chế ghi đè vị trí địa lý tuỳ chỉnh
- Thu gọn mã
- Đổi tên thẻ Khung thành thẻ Tin nhắn
- Mẹo hay: Lọc bảng điều khiển mạng theo tài sản (video)
- Trực quan hoá các chỉ số về hiệu suất trong bảng điều khiển Hiệu suất
- Đánh dấu nút văn bản trong cây DOM
- Sao chép đường dẫn JS vào nút DOM
- Nội dung cập nhật về bảng điều khiển kiểm tra, bao gồm cả một phiên kiểm tra mới phát hiện thư viện JS và từ khoá mới để truy cập vào bảng điều khiển Kiểm tra qua Trình đơn lệnh
- Mẹo hay: Sử dụng Chế độ thiết bị để kiểm tra truy vấn nội dung nghe nhìn (video)
- Di chuột qua kết quả Biểu thức trực tiếp để làm nổi bật nút DOM
- Lưu trữ các nút DOM dưới dạng biến toàn cục
- Thông tin về trình khởi tạo và mức độ ưu tiên hiện đã có trong hoạt động nhập và xuất dữ liệu HAR
- Truy cập vào Trình đơn lệnh trong Trình đơn chính
- Điểm ngắt Hình trong hình
- Mẹo hay: Sử dụng
monitorEvents()
để ghi lại các sự kiện đã kích hoạt của một nút trong Bảng điều khiển (video) - Biểu thức trực tiếp trong Console
- Làm nổi bật các nút DOM trong quá trình Đánh giá Eager
- Tối ưu hoá bảng điều khiển hiệu suất
- Quy trình gỡ lỗi đáng tin cậy hơn
- Bật chế độ điều tiết mạng trong trình đơn Command
- Điểm ngắt có điều kiện tự động hoàn thành
- Ngắt kết nối trên các sự kiện AudioContext
- Gỡ lỗi ứng dụng Node.js bằng ndb
- Mẹo hay: Đo lường hoạt động tương tác của người dùng trong thực tế bằng User Timing API
- Đánh giá nhanh
- Gợi ý về đối số
- Tự động hoàn thành hàm
- Từ khoá ES2017
- Lighthouse 3.0 trong ban kiểm tra
- Hỗ trợ của BigInt
- Thêm đường dẫn thuộc tính vào ngăn Xem
- "Hiện dấu thời gian" đã chuyển đến phần Cài đặt
- Mẹo hay: Các phương thức Console ít được biết đến (video)
- Tìm kiếm trên tất cả tiêu đề mạng
- Bản xem trước giá trị biến CSS
- Sao chép dưới dạng tìm nạp
- Hoạt động kiểm tra mới, các lựa chọn cấu hình máy tính và hoạt động xem dấu vết
- Dừng vòng lặp vô hạn
- Thời gian người dùng trong thẻ Hiệu suất
- Các thực thể máy ảo JavaScript được liệt kê rõ ràng trong bảng điều khiển Bộ nhớ
- Thẻ Mạng đổi tên thành thẻ Trang
- Cập nhật giao diện tối
- Thông tin về tính minh bạch của chứng chỉ trong bảng điều khiển Bảo mật
- Các tính năng tách biệt trang web trong bảng điều khiển Hiệu suất
- Mẹo hay: Bảng điều khiển Lớp + Trình kiểm tra ảnh động (video)
- Hộp đen trong bảng điều khiển Mạng
- Tự động điều chỉnh mức thu phóng ở Chế độ thiết bị
- Tạo bản in đẹp trong thẻ Xem trước và Phản hồi
- Xem trước nội dung HTML trong thẻ Xem trước
- Hỗ trợ Ghi đè cục bộ cho các kiểu bên trong HTML
- Mẹo hay: Các tập lệnh trong khung của Blackbox giúp Điểm ngắt của trình nghe sự kiện trở nên hữu ích hơn
- Cơ chế ghi đè cục bộ
- Công cụ hỗ trợ tiếp cận mới
- Thẻ Thay đổi
- Các quy trình mới về kiểm tra hiệu suất và SEO
- Nhiều bản ghi âm trong bảng Hiệu suất
- Bước mã đáng tin cậy với worker trong mã không đồng bộ
- Mẹo hay: Tự động hoá các thao tác trong Công cụ cho nhà phát triển bằng Puppeteer (video)
- Trình theo dõi hiệu suất
- Thanh bên của Bảng điều khiển
- Nhóm các thông báo tương tự trên Console
- Mẹo hay: Bật/tắt lớp giả di chuột (video)
- Hỗ trợ gỡ lỗi từ xa nhiều máy khách
- Không gian làm việc 2.0
- 4 lượt kiểm tra mới
- Mô phỏng thông báo đẩy bằng dữ liệu tuỳ chỉnh
- Kích hoạt sự kiện đồng bộ hoá ở chế độ nền bằng thẻ tuỳ chỉnh
- Mẹo hay: Điểm ngắt trình nghe sự kiện (video)
- Các cấp cao nhất đang chờ bạn trong Play Console
- Quy trình mới về ảnh chụp màn hình
- Làm nổi bật lưới CSS
- API Console mới để truy vấn đối tượng
- Các bộ lọc mới trên Console
- Nhập HAR trong bảng điều khiển Mạng
- Tài nguyên bộ nhớ đệm có thể xem trước
- Gỡ lỗi bộ nhớ đệm có thể dự đoán dễ dàng hơn
- Phạm vi sử dụng mã ở cấp khối
- Mô phỏng chế độ điều tiết trên thiết bị di động
- Xem mức sử dụng bộ nhớ
- Xem thời điểm phản hồi được lưu vào bộ nhớ đệm của trình chạy dịch vụ
- Bật máy đo FPS trong trình đơn Command
- Thiết lập hành vi của con lăn chuột để thu phóng hoặc cuộn
- Hỗ trợ gỡ lỗi cho các mô-đun ES6
- Bảng điều khiển Kiểm tra mới
- Huy hiệu của bên thứ ba
- Một cử chỉ mới cho thao tác Tiếp tục tới đây
- Chuyển sang chế độ không đồng bộ
- Bản xem trước đối tượng chứa nhiều thông tin hơn trong Console
- Lựa chọn bối cảnh giàu thông tin hơn trong Bảng điều khiển
- Thông tin cập nhật theo thời gian thực trong thẻ Mức độ phù hợp
- Các lựa chọn điều tiết mạng đơn giản hơn
- Ngăn xếp không đồng bộ được bật theo mặc định
- Mức độ sử dụng mã CSS và JS
- Ảnh chụp màn hình toàn trang
- Chặn yêu cầu
- Bước qua chế độ không đồng bộ đang chờ
- Trình đơn lệnh hợp nhất