
Giới thiệu API Project Fugu
Hướng dẫn triển khai quy tắc suy đoán cho các trang web phức tạp hơn
Hướng dẫn về những điều cần cân nhắc khi triển khai quy tắc dự đoán, đặc biệt là đối với các trang web phức tạp hơn.
Giới thiệu lệnh và commandfor
Tìm hiểu về các tính năng mới cho hành vi khai báo trên các nút.
Hỗ trợ trình duyệt
Tổng quan về các tính năng của Thẻ tuỳ chỉnh và khả năng sử dụng các tính năng đó trên trình duyệt.
Phiên bản tệp kê khai
Một số nguyên chỉ định phiên bản của định dạng tệp kê khai mà gói của bạn yêu cầu. Kể từ Chrome 18, nhà phát triển nên chỉ định 2 (không có dấu ngoặc kép) để sử dụng định dạng theo mô tả này tài liệu: Hãy cân nhắc sử dụng tệp kê khai phiên bản 1
Tệp kê khai cho khu vực lưu trữ
Không giống như khu vực lưu trữ local và sync, khu vực lưu trữ managed yêu cầu cấu trúc của nó phải đã khai báo là Giản đồ JSON và được Chrome xác thực nghiêm ngặt. Giản đồ này phải được lưu trữ trong một là tệp được biểu thị bằng thuộc tính
Tệp kê khai – Tên và tên rút gọn
Thuộc tính tệp kê khai name và short_name là các chuỗi văn bản thuần tuý ngắn gọn giúp xác định ứng dụng. Bạn có thể chỉ định chuỗi dành riêng cho từng ngôn ngữ cho cả hai trường; hãy xem phần Quốc tế hoá để biết thông tin chi tiết. name (tối đa 45
Manifest - Đã bật ngoại tuyến
Liệu ứng dụng hoặc tiện ích có hoạt động ngoại tuyến hay không. Khi Chrome phát hiện thấy không có mạng, các ứng dụng có trường này được đặt thành true sẽ được đánh dấu trên trang Thẻ mới. Kể từ Chrome 35, các ứng dụng được coi là bật chế độ ngoại
Tệp kê khai – Biểu tượng
Một hoặc nhiều biểu tượng đại diện cho tiện ích, ứng dụng hoặc giao diện. Bạn phải luôn cung cấp kích thước 128x128 biểu tượng; mã này được sử dụng trong quá trình cài đặt và được Cửa hàng Chrome trực tuyến sử dụng. Tiện ích cũng phải cung cấp Biểu
Manifest - Phiên bản Chrome tối thiểu
Phiên bản Chrome mà tiện ích, ứng dụng hoặc giao diện của bạn yêu cầu, nếu có. Định dạng của chuỗi này giống như định dạng của trường phiên bản.
Các tính năng web bị tắt
Mặc dù Ứng dụng Chrome sử dụng nền tảng web, một số tính năng web đã bị tắt hoặc một số tính năng khác được sử dụng theo cách khác. Chủ yếu là để tránh các vấn đề bảo mật và cải thiện các phương pháp lập trình. Dưới đây là bản tóm tắt các tính năng
Định dạng tệp kê khai
Mỗi ứng dụng đều có một tệp kê khai định dạng JSON, tên là manifest.json, cung cấp các thông tin quan trọng của bạn. Đoạn mã sau đây hiển thị các trường trong tệp kê khai được hỗ trợ cho Ứng dụng, kèm theo đường liên kết đến trang thảo luận từng lĩnh
Tệp kê khai – Yêu cầu
Công nghệ mà ứng dụng hoặc tiện ích yêu cầu. Các trang web lưu trữ như Cửa hàng Chrome trực tuyến có thể sử dụng danh sách này để ngăn người dùng cài đặt các ứng dụng hoặc tiện ích không hoạt động trên máy tính của họ. Các yêu cầu được hỗ trợ hiện là
Tệp kê khai - Phiên bản
1 đến 4 số nguyên được phân tách bằng dấu chấm xác định phiên bản của tiện ích này. Một vài quy tắc áp dụng cho số nguyên: các số này phải nằm trong khoảng từ 0 đến 65535, tính cả 2 giá trị và số nguyên khác 0 không được bắt đầu bằng 0. Ví dụ: 99999
externally_connectable
Tài sản tệp kê khai externally_connectable khai báo những tiện ích, ứng dụng và trang web có thể kết nối với ứng dụng của bạn qua runtime.connect và runtime.sendMessage. Để xem hướng dẫn về cách chuyển tin nhắn, hãy xem bài viết nhiều tiện ích và
Tệp kê khai – Mô-đun Nacl
Một hoặc nhiều mối liên kết từ các loại MIME tới mô-đun Native Client xử lý từng loại. Cho ví dụ: mã in đậm trong đoạn mã sau đăng ký mô-đun Native Client làm nội dung trình xử lý cho loại MIME bảng tính OpenOffice. Giá trị của "path" là vị trí của
Tệp kê khai – Hộp cát
Cảnh báo: Kể từ phiên bản 57, Chrome sẽ không cho phép nội dung trên web bên ngoài nữa (bao gồm các khung và tập lệnh được nhúng) bên trong trang có hộp cát. Thay vào đó, vui lòng sử dụng chế độ xem web. Xác định một tập hợp các trang ứng dụng hoặc
Tệp kê khai – Mô tả
Một chuỗi văn bản thuần tuý (không có định dạng HTML hoặc định dạng khác; không quá 132 ký tự) mô tả tiện ích. Nội dung mô tả phải phù hợp với cả giao diện người dùng quản lý tiện ích của trình duyệt và Cửa hàng Chrome trực tuyến. Bạn có thể chỉ định
Tệp kê khai – Ngôn ngữ mặc định
Chỉ định thư mục con của _locales chứa các chuỗi mặc định cho phần mở rộng này. Trường này bắt buộc trong các tiện ích có thư mục _locales; trường này phải vắng mặt trong các tiện ích không có thư mục _locales. Để biết thông tin chi tiết, hãy xem nội
Tệp kê khai – Khoá
Bạn có thể dùng giá trị này để kiểm soát mã nhận dạng duy nhất của một tiện ích, ứng dụng hoặc giao diện khi tiện ích, ứng dụng hoặc giao diện đó được tải trong quá trình phát triển. Để nhận được giá trị khoá phù hợp, trước tiên, hãy cài đặt tiện ích
luồng hộp công việc
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Phản hồi ReadableStream BodyInit Lấy nhiều Lời hứa nguồn, mỗi lời hứa có thể phân giải thành một Phản hồi, ReadableStream hoặc BodyInit. Trả về một đối tượng hiển thị
Mẫu
Có các mẫu cho Tiện ích của Chrome trên GitHub.
Phát hành ứng dụng
VIỆC CẦN LÀM
Sử dụng scheduler.yield() để chia nhỏ các tác vụ dài
scheduler.yield() là một API mới để phân tách các tác vụ dài một cách hợp lý và ưu tiên tiếp tục thực thi.
Cách eBay cải thiện tỷ lệ đăng nhập thành công thêm 10% nhờ tính năng chia sẻ thông tin đăng nhập liền mạch
Tìm hiểu cách eBay cải thiện tỷ lệ đăng nhập thành công thêm 10% bằng cách sử dụng Đường liên kết tài sản kỹ thuật số để chia sẻ thông tin xác thực liền mạch. Tìm hiểu cách triển khai tính năng xác thực an toàn, đa nền tảng và nâng cao trải nghiệm người dùng.
Trì hoãn việc gửi @function CSS từ Chrome 136 đến 139
Nhóm Chrome phản hồi các mối lo ngại của cộng đồng.
Chrome for Developers
Giúp bạn xây dựng, phát triển và đổi mới trên web.
Chrome 135 beta
Khám phá những tính năng sắp có trong Chrome bằng phiên bản thử nghiệm mới nhất.
Chrome Web Store
Chrome Web Store Trang web thương mại trực tuyến nơi người dùng có thể duyệt qua các tiện ích và giao diện. Xuất bản tiện ích của bạn tại đó và giúp mọi người truy cập tiện ích đó. dashboard Trang tổng quan dành cho nhà phát triển Phát hành tiện ích
ChromeDriver là gì?
ChromeDriver là một máy chủ độc lập triển khai tiêu chuẩn W3C WebDriver.
Tính năng mới trong Chrome 134
Chrome 134 hiện đang được triển khai! Thư viện này bao gồm chức năng đóng nhẹ cho hộp thoại và nhiều tính năng khác để khám phá.
Khám phá các trường hợp sử dụng thú vị với API Hình trong hình của tài liệu
Khám phá cách tính năng Chế độ hình trong hình của ứng dụng Tài liệu giúp nâng cao trải nghiệm học tập trực tuyến.
Chrome 134
Tuỳ chỉnh lựa chọn, đóng hộp thoại sáng và nhiều tính năng khác.
Chrome Extensions
Tìm hiểu cách phát triển các tiện ích của Chrome.
Huỷ yêu cầu xem xét trong trang tổng quan dành cho nhà phát triển Cửa hàng Chrome trực tuyến
Giờ đây, bạn có thể dừng quy trình xem xét đối với một mục đang chờ xem xét.
chrome.contentSettings
Sử dụng API chrome.contentSettings để thay đổi các chế độ cài đặt kiểm soát xem trang web có thể sử dụng các tính năng như cookie, JavaScript và trình bổ trợ hay không. Nói chung, chế độ cài đặt nội dung cho phép bạn tuỳ chỉnh hành vi của Chrome trên
chrome.bookmarks
Sử dụng API chrome.bookmarks để tạo, sắp xếp và thao tác với các dấu trang. Ngoài ra, hãy xem phần Ghi đè trang để tạo trang Trình quản lý dấu trang tuỳ chỉnh. Bạn phải khai báo quyền "dấu trang" trong tệp kê khai tiện ích để sử dụng API dấu
chrome.contentSettings
Sử dụng API chrome.contentSettings để thay đổi các chế độ cài đặt kiểm soát xem trang web có thể sử dụng các tính năng như cookie, JavaScript và trình bổ trợ hay không. Nói chung, chế độ cài đặt nội dung cho phép bạn tuỳ chỉnh hành vi của Chrome trên
chrome.bookmarks
Quyền này kích hoạt cảnh báo. Sử dụng API chrome.bookmarks để tạo, sắp xếp và thao tác với các dấu trang. Ngoài ra, hãy xem phần Ghi đè trang để tạo trang Trình quản lý dấu trang tuỳ chỉnh. Bạn phải khai báo quyền "dấu trang" trong tệp kê khai tiện
Trí tuệ nhân tạo
AI trên Chrome Chào mừng bạn đến với kỷ nguyên tiếp theo của web cùng với AI. Xem cách AI có thể giúp nhà phát triển dễ dàng xây dựng trải nghiệm mạnh mẽ trên web. Tái định hình những điều có thể xảy ra nhờ Gemini Nano trong Chrome. Trí tuệ nhân tạo
Gỡ lỗi Gemini Nano
Có một trang đặc biệt trong Chrome để xem thông tin chi tiết về lời nhắc cho Gemini Nano. Hướng dẫn này giải thích cách sử dụng tính năng này để gỡ lỗi.
Chuẩn bị cho việc Chrome trên Android hiển thị tràn viền
Chrome trên Android sẽ hiển thị tràn viền từ Chrome 135.
Hướng dẫn di chuyển từ cạnh sang cạnh trên Chrome cho Android
Tạo trải nghiệm web tràn viền
Phân tích mạng nâng cao bằng Công cụ của Chrome cho nhà phát triển
Phân tích mạng nâng cao bằng Chrome DevTools.
Bảng điều khiển về quyền riêng tư và bảo mật
Sử dụng bảng "Quyền riêng tư và bảo mật" để kiểm tra và kiểm soát cookie của bên thứ ba, đồng thời kiểm tra tính năng bảo vệ HTTPS.
Tính năng mới trong WebGPU (Chrome 134)
Cải thiện khối lượng công việc học máy bằng các nhóm con, cải thiện thời gian biên dịch chương trình đổ bóng trên D3D12, xoá hỗ trợ các loại kết cấu có thể lọc float dưới dạng có thể kết hợp, v.v.
Cửa sổ bật lên = gợi ý
Khám phá chế độ mới cho cửa sổ bật lên giúp đơn giản hoá chú giải công cụ và các thành phần nổi khác.
Cách NRK sử dụng ảnh động cuộn để làm cho câu chuyện trở nên sống động
Tìm hiểu cách ảnh động do thao tác cuộn và được kích hoạt bằng thao tác cuộn giúp nâng cao chất lượng bài viết kể chuyện
chrome.app.runtime
Sử dụng API chrome.app.runtime để quản lý vòng đời của ứng dụng. Thời gian chạy ứng dụng quản lý việc cài đặt ứng dụng, kiểm soát trang sự kiện và có thể tắt ứng dụng bất cứ lúc nào. bất kỳ không bắt buộc nào Dữ liệu do nhà phát triển chỉ định (không
chrome.printing
Sử dụng API chrome.printing để gửi lệnh in đến máy in được cài đặt trên Chromebook. Tất cả các phương thức và sự kiện chrome.printing đều yêu cầu bạn khai báo quyền "printing" trong tệp kê khai tiện ích. Ví dụ: Các ví dụ dưới đây minh hoạ cách sử
chrome.sessions
Sử dụng API chrome.sessions để truy vấn và khôi phục các thẻ và cửa sổ từ một phiên duyệt web. chuỗi Tên của thiết bị nước ngoài. Phiên [] Danh sách các phiên cửa sổ đang mở cho thiết bị lạ, được sắp xếp từ phiên gần đây nhất đến phiên được sửa đổi
chrome.userScripts
Sử dụng API userScripts để thực thi tập lệnh của người dùng trong ngữ cảnh Tập lệnh của người dùng. Để sử dụng API tập lệnh của người dùng, chrome.userScripts, hãy thêm quyền "userScripts" vào manifest.json và "host_permissions" cho các trang web mà
chrome.printing
Sử dụng API chrome.printing để gửi lệnh in đến máy in được cài đặt trên Chromebook. Tất cả các phương thức và sự kiện chrome.printing đều yêu cầu bạn khai báo quyền "printing" trong tệp kê khai tiện ích. Ví dụ: Các ví dụ dưới đây minh hoạ cách sử
chrome.sessions
Sử dụng API chrome.sessions để truy vấn và khôi phục các thẻ và cửa sổ từ một phiên duyệt web. chuỗi Tên của thiết bị nước ngoài. Phiên [] Danh sách các phiên cửa sổ đang mở cho thiết bị lạ, được sắp xếp từ phiên gần đây nhất đến phiên được sửa đổi
Khám phá Chrome
Khám phá Chrome Chrome 134, Beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Tính năng mới trong Chrome Công cụ cho nhà phát
Tính năng mới trong DevTools, Chrome 134
Bảng quyền riêng tư và bảo mật, tính năng điều tiết CPU được hiệu chỉnh, tính năng làm nổi bật ứng dụng của bên thứ nhất và bên thứ ba trong phần Hiệu suất, thông tin chi tiết mới và nhiều tính năng khác.
chrome.i18n
Sử dụng cơ sở hạ tầng chrome.i18n để triển khai tính năng quốc tế hoá trên toàn bộ ứng dụng hoặc tiện ích của bạn. Nếu một tiện ích có thư mục /_locales, thì manifest phải xác định "default_locale". Bạn cần đặt tất cả các chuỗi hiển thị với người
Cách Google Tìm kiếm sử dụng quy tắc suy đoán
Tìm hiểu cách Google Tìm kiếm sử dụng Speculation Rules API để tải trước kết quả tìm kiếm một cách ẩn danh nhằm cải thiện trải nghiệm người dùng
Hiển thị văn bản tốt hơn trong các trình duyệt dựa trên Chromium trên Windows
Nhóm Edge đã thêm tính năng hỗ trợ để tuân thủ trực tiếp các giá trị của Windows ClearType Tuner trong Chromium, giúp hiển thị văn bản tốt hơn trong các trình duyệt dựa trên Chromium trên Windows.
chrome.storage
Sử dụng API chrome.storage để lưu trữ, truy xuất và theo dõi các thay đổi đối với dữ liệu người dùng. Để sử dụng API bộ nhớ, hãy khai báo quyền "storage" trong manifest của tiện ích. Ví dụ: API Bộ nhớ cung cấp một cách dành riêng cho tiện ích để duy
chrome.storage
Sử dụng API chrome.storage để lưu trữ, truy xuất và theo dõi các thay đổi đối với dữ liệu người dùng. API Bộ nhớ cung cấp một cách dành riêng cho tiện ích để duy trì dữ liệu và trạng thái của người dùng. API này tương tự như các API bộ nhớ của nền
Cách sử dụng tập dữ liệu CrUX BigQuery
Trong hướng dẫn này, hãy tìm hiểu cách sử dụng BigQuery để viết truy vấn dựa trên tập dữ liệu CrUX nhằm trích xuất kết quả chi tiết về trạng thái trải nghiệm người dùng trên web.
Các thành phần phụ hình ảnh LCP và RTT hiện đã có trong CrUX
Tìm hiểu về thay đổi đối với Báo cáo trải nghiệm người dùng trên Chrome (các thay đổi đối với CrUX) trong bản phát hành tháng 2 năm 2025, bao gồm các phần phụ hình ảnh LCP, loại tài nguyên LCP và RTT.
Kích thước
Tài liệu kỹ thuật về các phương diện CrUX.
Docs
Mã mẫu, hướng dẫn và tài liệu tham khảo API mà bạn cần cho mọi thứ mình đang xây dựng.
Tự động chuyển sang chế độ hình trong hình khi phát nội dung nghe nhìn
Chrome cho phép các ứng dụng web đang phát nội dung nghe nhìn tự động chuyển sang chế độ hình trong hình.
Chrome 134 beta
Khám phá các tính năng mới nhất sắp có trên Chrome.
Tiện ích / Bắt đầu
Tất cả kiến thức cơ bản để bắt đầu sử dụng tiện ích của Chrome
chrome.enterprise.platformKeys
Sử dụng API chrome.enterprise.platformKeys để tạo khoá và cài đặt chứng chỉ cho các khoá này. Chứng chỉ sẽ do nền tảng quản lý và có thể được dùng để xác thực TLS, truy cập mạng hoặc dùng tiện ích khác thông qua chrome.platformKeys. Cách sử dụng
chrome.enterprise.platformKeys
Sử dụng API chrome.enterprise.platformKeys để tạo khoá và cài đặt chứng chỉ cho các khoá này. Chứng chỉ sẽ do nền tảng quản lý và có thể được dùng để xác thực TLS, truy cập mạng hoặc dùng tiện ích khác thông qua chrome.platformKeys. Cách sử dụng
Chrome 133
Các truy vấn vùng chứa attr() nâng cao, text-box-trim, scroll-state của CSS và nhiều truy vấn khác.
Tính năng mới trong Chrome 133
Chrome 133 hiện đang được triển khai! Có một số tính năng CSS mới thú vị và còn nhiều tính năng khác để khám phá.
Chế độ ứng dụng dạng thẻ cho PWA
Chế độ ứng dụng theo thẻ cho phép các nhà phát triển Ứng dụng web tiến bộ thêm giao diện tài liệu dạng thẻ vào các PWA độc lập của mình.
Tăng cường sự tương tác của người dùng bằng nhật ký dành riêng cho ứng dụng trong thẻ tuỳ chỉnh của Chrome
Giới thiệu nhật ký dành riêng cho ứng dụng cho Thẻ tuỳ chỉnh của Chrome dành cho Android
Cải thiện quyền riêng tư trên web cho người dùng bằng Thẻ tuỳ chỉnh tạm thời
Cách sử dụng Thẻ tuỳ chỉnh tạm thời trong ứng dụng Android
Đơn giản hoá quy trình xác thực bằng Thẻ xác thực
Cách sử dụng Thẻ xác thực chuyên biệt trong ứng dụng Android
Cải thiện trải nghiệm duyệt web của người dùng bằng nhật ký dành riêng cho ứng dụng
Cách sử dụng Nhật ký dành riêng cho ứng dụng trong ứng dụng Android
Cải thiện quy trình đăng nhập dựa trên nền tảng web bằng Thẻ xác thực cho Android
Cải thiện tính năng xác thực dựa trên web bằng Thẻ xác thực cho Android
chrome.permissions
Sử dụng API chrome.permissions để yêu cầu các quyền không bắt buộc đã khai báo tại thời gian chạy thay vì thời gian cài đặt, để người dùng hiểu lý do cần có các quyền đó và chỉ cấp những quyền cần thiết. Cảnh báo về quyền tồn tại để mô tả các chức
chrome.runtime
Sử dụng API chrome.runtime để truy xuất worker dịch vụ, trả về thông tin chi tiết về tệp kê khai, đồng thời theo dõi và phản hồi các sự kiện trong vòng đời của tiện ích. Bạn cũng có thể sử dụng API này để chuyển đổi đường dẫn tương đối của URL thành
chrome.permissions
Sử dụng API chrome.permissions để yêu cầu các quyền không bắt buộc đã khai báo tại thời gian chạy thay vì thời gian cài đặt, để người dùng hiểu lý do cần có các quyền đó và chỉ cấp những quyền cần thiết. Cảnh báo về quyền tồn tại để mô tả các chức
Tính năng mới trong Công cụ dành cho nhà phát triển, Chrome 133
Nhật ký trò chuyện liên tục với AI, khả năng điều hướng tốt hơn, tính năng bỏ qua trang thông tin và dấu vết ngăn xếp trong phần Hiệu suất, bảng điều khiển "Tính năng mới" mới và nhiều tính năng khác.
Những thay đổi đối với tiện ích Chrome kể từ tháng 1 năm 2025
Thông tin tổng quan về những thay đổi gần đây đối với Tiện ích Chrome, cùng với các tính năng tiện ích sắp ra mắt mà nhà phát triển có thể mong đợi.
Tính năng mới trong WebGPU (Chrome 133)
Các định dạng đỉnh 1 thành phần và unorm8x4-bgra bổ sung, cho phép yêu cầu các giới hạn không xác định với giá trị không xác định, thay đổi quy tắc căn chỉnh WGSL, tăng hiệu suất WGSL với tính năng loại bỏ và nhiều tính năng khác.
Các phương pháp hay nhất để quản lý phiên bằng Prompt API
Hướng dẫn này giới thiệu các phương pháp hay nhất để quản lý phiên bằng Prompt API.
Ghi chú phát hành
Tìm hiểu những thay đổi đối với Chrome ảnh hưởng đến nhà phát triển
Thông tin mới về Chrome
Thông tin mới về Chrome Khám phá các bản cập nhật mới nhất cho Chrome trong tài liệu và blog của chúng tôi. Nội dung mới và cập nhật quan trọng cho tài liệu. article Cách LLM truyền trực tuyến phản hồi Tài liệu mới để tìm hiểu cách hoạt động của dữ
Nội dung cập nhật về chính sách của Cửa hàng Chrome trực tuyến: đảm bảo tính rõ ràng và nhất quán cho nhà phát triển
Chúng tôi xin thông báo về một loạt nội dung cập nhật chính sách nhằm giúp mọi người hiểu rõ và nhất quán về nền tảng của chúng tôi.
Cách LLM truyền trực tuyến phản hồi
Tìm hiểu về tính năng truyền trực tuyến và cách hoạt động của tính năng này với AI và LLM.
Các phương pháp hay nhất để hiển thị phản hồi LLM được truyền trực tuyến
Hãy sử dụng các phương pháp hay nhất cho giao diện người dùng này để hiển thị các câu trả lời được truyền trực tuyến từ Gemini bằng các API hỗ trợ truyền trực tuyến, chẳng hạn như Prompt API.
Dịch bằng AI tích hợp sẵn
API Trình dịch tích hợp cho phép bạn dịch nội dung tuỳ ý từ ngôn ngữ nguồn sang ngôn ngữ đích. Tham gia chương trình dùng thử theo nguyên gốc để dùng thử API.
Đơn giản hoá tính năng phát hiện WebAuthn cho khoá truy cập
Khám phá cách phát hiện các chức năng WebAuthn bằng `getClientCapabilities()` và điều chỉnh quy trình xác thực cho người dùng.
Lỗi treo khi bật Trình tiết kiệm pin
Kể từ Chrome 133, các thẻ nền đủ điều kiện sử dụng nhiều CPU sẽ bị đóng băng khi chế độ Trình tiết kiệm pin đang hoạt động.
Mẹo cho công cụ cho nhà phát triển
Mẹo cho công cụ cho nhà phát triển
Nội dung nghe nhìn
Cải thiện cách thức đưa hình ảnh, video và nhiều nội dung khác vào các trang web cũng như ứng dụng web của bạn.
Khoá truy cập trên Trình quản lý mật khẩu của Google hiện đã có trên iOS
Giờ đây, Chrome trên iOS 17 trở lên có thể tạo, đồng bộ hoá và xác thực bằng khoá truy cập trong Trình quản lý mật khẩu của Google (GPM). Nhờ đó, bạn có thể sử dụng khoá truy cập trên GPM ở mọi nơi có Chrome.
scroll-state() của CSS
Giống như truy vấn vùng chứa; nhưng dành cho các truy vấn bị kẹt, bị chụp nhanh và bị tràn.
Chrome 133 beta
Tìm hiểu về các tính năng mới nhất trong Chrome.
Nâng cấp CSS attr()
Giờ đây, bạn có thể sử dụng attr() với bất kỳ thuộc tính CSS nào (bao gồm cả thuộc tính tuỳ chỉnh) và thuộc tính này có thể phân tích cú pháp các giá trị thành các kiểu dữ liệu khác ngoài chuỗi.
Tính năng mới trong Chrome 132
Chrome 132 hiện đang được triển khai! Phần tử Hộp thoại nhận được một ToggleEvent, hỗ trợ tính năng chia sẻ video ở cấp phần tử và API Truy cập hệ thống tệp hỗ trợ Android và WebView.
Chrome 132
ToggleEvent cho hộp thoại, hỗ trợ tính năng chia sẻ video ở cấp phần tử và API truy cập hệ thống tệp hỗ trợ Android và WebView, v.v.
Cách chúng tôi giới thiệu Gemini cho Công cụ của Chrome cho nhà phát triển
Tìm hiểu về các trường hợp sử dụng thú vị và hấp dẫn của bảng điều khiển trợ giúp AI mới trong Công cụ cho nhà phát triển
text-box-trim CSS
Lấy lại khoảng trống phía trên và phía dưới nội dung văn bản; đạt được sự cân bằng quang học.
chrome.sockets.udp
Sử dụng API chrome.sockets.udp để gửi và nhận dữ liệu qua mạng bằng các kết nối UDP. API này thay thế chức năng UDP trước đây có trong API "ổ cắm". Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. số Mã nhận dạng của ổ cắm mới
chrome.tabs
Sử dụng API chrome.tabs để tương tác với hệ thống thẻ của trình duyệt. Bạn có thể sử dụng API này để tạo, sửa đổi và sắp xếp lại các thẻ trong trình duyệt. Tabs API không chỉ cung cấp các tính năng để thao tác và quản lý thẻ, mà còn có thể phát hiện
chrome.tabs
Sử dụng API chrome.tabs để tương tác với hệ thống thẻ của trình duyệt. Bạn có thể sử dụng API này để tạo, sửa đổi và sắp xếp lại các thẻ trong trình duyệt. Tabs API không chỉ cung cấp các tính năng để thao tác và quản lý thẻ, mà còn có thể phát hiện
Ngừng hỗ trợ tiện ích Web Vitals
Quá trình hợp nhất tiện ích Web Vitals và DevTools đã hoàn tất và chúng tôi đã ngừng hỗ trợ tiện ích này.
Ghi lại luồng video từ bất kỳ phần tử nào
API thu thập phần tử là một cách hiệu quả và hiệu quả để chuyển đổi ảnh chụp thẻ hiện tại thành ảnh chụp cây con DOM.
Những người chiến thắng trong thử thách về AI tích hợp
Khám phá các ứng dụng và tiện ích giành chiến thắng trong Thử thách tích hợp AI. Trong thử thách này, chúng tôi mời bạn tưởng tượng lại những điều có thể làm được với Gemini Nano trong Chrome.
chrome.ttsEngine
Sử dụng API chrome.ttsEngine để triển khai công cụ chuyển văn bản sang lời nói(TTS) bằng một tiện ích. Nếu đăng ký bằng API này, tiện ích của bạn sẽ nhận được các sự kiện chứa một câu nói cần được nói và các thông số khác khi bất kỳ tiện ích hoặc Ứng
chrome.ttsEngine
Sử dụng API chrome.ttsEngine để triển khai công cụ chuyển văn bản sang lời nói(TTS) bằng một tiện ích. Nếu đăng ký bằng API này, tiện ích của bạn sẽ nhận được các sự kiện chứa một câu nói cần được nói và các thông số khác khi bất kỳ tiện ích hoặc Ứng
chrome.cookies
Sử dụng API chrome.cookies để truy vấn và sửa đổi cookie, đồng thời nhận thông báo khi cookie thay đổi. Để sử dụng API cookie, bạn phải khai báo quyền "cookie" trong tệp kê khai, cùng với quyền của máy chủ lưu trữ cho mọi máy chủ lưu trữ có cookie mà
chrome.cookies
Sử dụng API chrome.cookies để truy vấn và sửa đổi cookie, đồng thời nhận thông báo khi cookie thay đổi. Để sử dụng API cookie, hãy khai báo quyền "cookies" trong tệp kê khai cùng với quyền của máy chủ lưu trữ cho mọi máy chủ lưu trữ có cookie mà bạn
chrome.appviewTag
Sử dụng thẻ appview để nhúng các Ứng dụng Chrome khác vào Ứng dụng Chrome của bạn. (xem phần Sử dụng ). đối tượng Dữ liệu do nhà phát triển chỉ định (không bắt buộc) mà ứng dụng được nhúng có thể sử dụng khi đưa ra quyết định nhúng. chuỗi Mã của ứng
Giảm thiểu hành vi nhấp giả bằng XFO hoặc CSP
Tìm hiểu thêm về cách giảm thiểu các cuộc tấn công nhấp giả.
Tính năng mới trong WebGPU (Chrome 132)
Sử dụng chế độ xem kết cấu, kết hợp kết cấu float 32 bit, thuộc tính adapterInfo GPUDevice, định cấu hình ngữ cảnh canvas với lỗi JavaScript gửi định dạng không hợp lệ, lọc các hạn chế về bộ lấy mẫu trên kết cấu, thử nghiệm nhóm con mở rộng, cải thiện trải nghiệm nhà phát triển, hỗ trợ thử nghiệm cho các định dạng kết cấu chuẩn hoá 16 bit, v.v.
Tính năng mới trong tiện ích của Chrome
Các thay đổi gần đây đối với chính sách, tài liệu và nền tảng tiện ích của Chrome
WebGPU
Tìm hiểu về WebGPU qua hướng dẫn, bản minh hoạ và tin tức mới nhất
Xây dựng với Chrome
Xem nội dung có trong các bản phát hành chính thức và bản thử nghiệm beta mới nhất của Chrome.
Thanh toán
Tìm hiểu cách sử dụng API thanh toán mới nhất trong Chrome
Quyền riêng tư và bảo mật
Tìm hiểu về các tính năng bảo mật và bảo vệ quyền riêng tư của Chrome.
Ứng dụng
Ngừng sử dụng công nghệ để tạo trải nghiệm có nhiều quyền truy cập hơn vào hệ điều hành cơ bản.
Con rối
Thư viện Node.js cung cấp API cấp cao để kiểm soát Chrome hoặc Chromium không có giao diện người dùng
Web trên Android
Tìm hiểu về các tính năng của Chrome để phát triển ứng dụng web trên Android.
chrome.certificateProvider
Sử dụng API này để hiển thị chứng chỉ cho nền tảng có thể sử dụng các chứng chỉ này để xác thực TLS. Cách sử dụng thông thường của API này để hiển thị chứng chỉ ứng dụng cho ChromeOS theo các bước sau: Trình tự các bước thực tế có thể khác. Ví dụ:
chrome.extension
API chrome.extension có các tiện ích mà mọi trang tiện ích đều có thể sử dụng. API này hỗ trợ việc trao đổi thông báo giữa một tiện ích và tập lệnh nội dung của tiện ích đó hoặc giữa các tiện ích, như mô tả chi tiết trong phần Chuyển thông báo. Loại
chrome.certificateProvider
Sử dụng API này để hiển thị chứng chỉ cho nền tảng có thể sử dụng các chứng chỉ này để xác thực TLS. Cách sử dụng thông thường của API này để hiển thị chứng chỉ ứng dụng cho ChromeOS theo các bước sau: Trình tự các bước thực tế có thể khác. Ví dụ:
Ngọn hải đăng
Tự động kiểm tra hiệu suất web bằng Lighthouse
Hiệu suất
Tối ưu hóa hiệu suất của ứng dụng web bằng các công cụ hiệu suất của Chrome.
chrome.system.display
Sử dụng API system.display để truy vấn siêu dữ liệu hiển thị. Một enum để cho biết hệ thống có phát hiện và sử dụng màn hình hay không. Màn hình được coi là "không hoạt động" nếu hệ thống không phát hiện được (có thể bị ngắt kết nối hoặc được coi là
chrome.system.display
Sử dụng API system.display để truy vấn siêu dữ liệu hiển thị. Một enum để cho biết hệ thống có phát hiện và sử dụng màn hình hay không. Màn hình được coi là "không hoạt động" nếu hệ thống không phát hiện được (có thể bị ngắt kết nối hoặc được coi là
chrome.action
Sử dụng API chrome.action để kiểm soát biểu tượng của tiện ích trong thanh công cụ Google Chrome. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. Để sử dụng API chrome.action, hãy chỉ định "manifest_version" của 3 và đưa khoá
Danh tính
Tìm hiểu về các tính năng nhận dạng của Chrome, chẳng hạn như Xác thực web.
chrome.commands
Sử dụng API lệnh để thêm phím tắt kích hoạt các thao tác trong tiện ích, ví dụ: thao tác mở thao tác trong trình duyệt hoặc gửi lệnh đến tiện ích. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. Commands API cho phép nhà phát
Không hỗ trợ thao tác này khi sử dụng tính năng gỡ lỗi từ xa
Một số lệnh WebDriver (ví dụ: đổi kích thước cửa sổ trình duyệt) yêu cầu tải tiện ích Chrome vào trình duyệt. ChromeDriver thường tải "tiện ích tự động hoá" này mỗi khi khởi chạy một phiên Chrome mới. Tuy nhiên, bạn có thể hướng dẫn ChromeDriver kết
ChromeOS
Tất cả hình ảnh kiểm thử ChromeOS đều được cài đặt tệp nhị phân ChromeDriver trong /usr/local/chromedriver/. Tệp nhị phân được cập nhật lên cùng một phiên bản Chrome trong hình ảnh kiểm thử đó. Tức là bạn luôn sử dụng bản dựng mới nhất của
Tổng quan về WebView
Thành phần WebView dựa trên dự án nguồn mở Chromium.
chrome.extension
API chrome.extension có các tiện ích mà mọi trang tiện ích đều có thể sử dụng. API này hỗ trợ việc trao đổi thông báo giữa một tiện ích và tập lệnh nội dung của tiện ích đó hoặc giữa các tiện ích, như mô tả chi tiết trong phần Chuyển thông báo. Loại
Nhật ký hiệu suất
ChromeDriver hỗ trợ tính năng ghi nhật ký hiệu suất, từ đó bạn có thể nhận được các sự kiện của các miền "Tiến trình", "Mạng" và "Trang", cũng như dữ liệu theo dõi cho các danh mục theo dõi đã chỉ định. Theo mặc định, tính năng ghi nhật ký hiệu suất
ChromeDriver gặp sự cố
Để chẩn đoán và khắc phục sự cố ChromeDriver, bạn có một số lựa chọn. Điều này chỉ áp dụng cho các sự cố ChromeDriver, chứ không phải sự cố Chrome hoặc Chrome đóng. Trên Windows, bạn có thể thấy nội dung như sau: Tạo một trường hợp tái hiện mà những
Nội dung đã tải xuống
Đối với các phiên bản Chrome trước, sau đây là các phiên bản ChromeDriver hỗ trợ phiên bản Chrome đó. Để biết thêm thông tin về cách chọn phiên bản ChromeDriver phù hợp, hãy xem trang Chọn phiên bản. Hỗ trợ Chrome phiên bản 114 Để biết thêm thông tin
Android
Tệp nhị phân mới nhất cho ChromeDriver được đóng gói dưới dạng tệp zip cho nhiều nền tảng lưu trữ. Bạn có thể tìm thấy các phiên bản ChromeDriver cũ hơn trong phần Tải xuống. ChromeDriver hỗ trợ chạy kiểm thử trên trình duyệt Chrome (phiên bản 30 trở
Chrome không khởi động hoặc gặp sự cố ngay lập tức
Điều này thường xảy ra khi chạy ChromeDriver hoặc Chrome bằng một bộ kiểm thử đặc biệt (có thể là một IDE) hoặc hệ thống xây dựng liên tục (chẳng hạn như Jenkins). Hãy thử chạy cùng một tệp nhị phân Chrome mà kiểm thử của bạn sử dụng từ một lời nhắc
Canary
ChromeDriver Canary có các tính năng mới nhất của ChromeDriver. Tệp nhị phân mới được tạo và cung cấp nhiều lần trong ngày. Xin lưu ý rằng API này được thiết kế cho nhà phát triển và những người dùng sớm, đôi khi có thể bị hỏng hoàn toàn. Kể từ M115,
Lưu ý về bảo mật
ChromeDriver là một công cụ mạnh mẽ và có thể gây hại khi rơi vào tay kẻ xấu. Khi sử dụng ChromeDriver, hãy làm theo các đề xuất sau:
Mô phỏng thiết bị di động
Chrome cho phép người dùng mô phỏng Chrome trên thiết bị di động từ phiên bản Chrome dành cho máy tính bằng cách bật chế độ thiết bị bằng Công cụ của Chrome cho nhà phát triển. Tính năng này giúp tăng tốc quá trình phát triển web, cho phép nhà phát
Hỗ trợ bàn phím
Hiện tại, ChromeDriver chỉ hỗ trợ các hệ thống đã định cấu hình bàn phím ở Hoa Kỳ. Khi phát hiện trạng thái này, ChromeDriver sẽ ghi lại những thông tin sau: Người dùng không có bàn phím Hoa Kỳ có thể gặp phải tình trạng mất phím trong các lệnh
Tự động điền trong thực tế: thông tin chi tiết về thế giới thực
Một nghiên cứu của Chrome cho thấy tính năng tự động điền giúp người dùng điền thông tin vào biểu mẫu nhanh hơn và tỷ lệ bỏ ngang thấp hơn.
Kết quả từ biểu mẫu yêu cầu chọn tuỳ chỉnh để nhận ý kiến phản hồi của nhà phát triển
Cảm ơn bạn đã dành thời gian chia sẻ với chúng tôi, đưa ra ý kiến phản hồi, xem xét thông tin chi tiết và giúp định hình các tiêu chuẩn.
Làm quen với AI tích hợp sẵn
Tìm hiểu các yêu cầu để bắt đầu xây dựng các tính năng và ứng dụng có tích hợp AI.
Phát hiện ngôn ngữ bằng AI tích hợp sẵn
API Trình phát hiện ngôn ngữ cung cấp tính năng khám phá ngôn ngữ tích hợp sẵn trên web, trong trình duyệt.
Cách sử dụng công cụ Dòng thời gian phân bổ
Sử dụng công cụ Tiến trình phân bổ để tìm các đối tượng không được thu thập rác đúng cách và tiếp tục giữ lại bộ nhớ.
Tránh các ảnh động không được ghép
Cách vượt qua bài kiểm tra Lighthouse "Tránh dùng ảnh động không được ghép".
Ghi lại và phân tích dấu vết hiệu suất bằng DevTools
Ghi lại và phân tích dấu vết hiệu suất bằng Công cụ cho nhà phát triển.
Thuật ngữ bộ nhớ
Phần này mô tả các thuật ngữ phổ biến được dùng trong việc phân tích bộ nhớ và có thể áp dụng cho nhiều công cụ phân tích bộ nhớ cho nhiều ngôn ngữ.
Tính năng mới trong Công cụ dành cho nhà phát triển, Chrome 132
Gỡ lỗi yêu cầu mạng, tệp nguồn và dấu vết hiệu suất bằng Gemini, xem nhật ký trò chuyện với AI và làm nhiều việc khác.
CSS Wrapped 2024
Hãy cùng nhóm DevRel của Chrome và một chú khủng long Chrome biết trượt ván khám phá CSS mới nhất được ra mắt cho Chrome và nền tảng web vào năm 2024.
Xem và chỉnh sửa bộ nhớ của tiện ích
Cách xem và chỉnh sửa bộ nhớ của tiện ích bằng bảng điều khiển Bộ nhớ của tiện ích.
chrome.socket
Sử dụng API chrome.socket để gửi và nhận dữ liệu qua mạng bằng các kết nối TCP và UDP. Lưu ý: Kể từ Chrome 33, API này không còn được dùng nữa mà thay vào đó là các API sockets.udp, sockets.tcp và sockets.tcpServer. số số không bắt buộc Mã của ổ cắm
chrome.browser
Sử dụng API chrome.browser để tương tác với trình duyệt Chrome được liên kết với ứng dụng hiện tại và hồ sơ Chrome. chuỗi URL để chuyển đến khi thẻ mới được mở lần đầu. Mở một thẻ mới trong cửa sổ trình duyệt được liên kết với ứng dụng hiện tại và hồ
chrome.usb
Sử dụng API chrome.usb để tương tác với các thiết bị USB đã kết nối. API này cung cấp quyền truy cập vào các thao tác USB từ ngữ cảnh của ứng dụng. Khi sử dụng API này, ứng dụng có thể hoạt động như trình điều khiển cho các thiết bị phần cứng. Lỗi do
chrome.bluetoothSocket
Sử dụng API chrome.bluetoothSocket để gửi và nhận dữ liệu đến các thiết bị Bluetooth bằng kết nối RFCOMM và L2CAP. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. "system_error" Đã xảy ra lỗi hệ thống và có thể không khôi phục
chrome.bluetooth
Sử dụng API chrome.bluetooth để kết nối với thiết bị Bluetooth. Tất cả các hàm đều báo cáo lỗi thông qua chrome.runtime.lastError. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. chuỗi Địa chỉ của bộ chuyển đổi, ở định dạng
chrome.syncFileSystem
Sử dụng API chrome.syncFileSystem để lưu và đồng bộ hoá dữ liệu trên Google Drive. API này KHÔNG dùng để truy cập vào tài liệu tuỳ ý của người dùng được lưu trữ trong Google Drive. Thư viện này cung cấp bộ nhớ có thể đồng bộ hoá dành riêng cho ứng
chrome.mdns
Sử dụng API chrome.mdns để khám phá các dịch vụ qua mDNS. API này bao gồm một tập hợp con các tính năng của thông số kỹ thuật NSD: http://www.w3.org/TR/discovery-api/ chuỗi Địa chỉ IP của một dịch vụ được quảng cáo qua mDNS. string[] Siêu dữ liệu cho
chrome.bluetoothLowEnergy
API chrome.bluetoothLowEnergy dùng để giao tiếp với các thiết bị Bluetooth thông minh (Năng lượng thấp) bằng Hồ sơ thuộc tính chung (GATT). Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. ManufacturerData [] không bắt buộc Danh
chrome.webviewTag
Sử dụng thẻ webview để chủ động tải nội dung trực tiếp từ web qua mạng và nhúng nội dung đó vào Ứng dụng Chrome. Ứng dụng của bạn có thể kiểm soát giao diện của webview và tương tác với nội dung web, bắt đầu thao tác điều hướng trong một trang web
chrome.fontSettings
Sử dụng API chrome.fontSettings để quản lý chế độ cài đặt phông chữ của Chrome. Để sử dụng API Cài đặt phông chữ, bạn phải khai báo quyền "fontSettings" trong tệp kê khai của tiện ích. Ví dụ: Chrome cho phép một số chế độ cài đặt phông chữ phụ thuộc
chrome.serial
Dùng API chrome.serial để đọc và ghi vào một thiết bị kết nối với cổng nối tiếp. số không bắt buộc Vui lòng xem ConnectionOptions.bitrate. Trường này có thể bị bỏ qua hoặc không chính xác nếu tốc độ bit không chuẩn đang được sử dụng hoặc nếu đã xảy
Prompt API
Khám phá khả năng vô hạn của Prompt API trong Tiện ích của Chrome.
Tiện ích và AI
Tìm hiểu cách phát triển phần mở rộng bằng AI
Ngừng sử dụng bảng điều khiển Thông tin chi tiết về hiệu suất
Bảng điều khiển Thông tin chi tiết về hiệu suất thử nghiệm sẽ bị xoá vào tháng 1 năm 2025 và được thay thế bằng thông tin chi tiết mới trong chính bảng điều khiển Hiệu suất.
Sử dụng chính sách HSTS mạnh
Tìm hiểu thêm về cách định cấu hình chính sách Bảo mật truyền tải nghiêm ngặt HTTP (HSTS) mạnh
Chrome DevTools
Khám phá và tìm hiểu tin tức mới nhất cũng như các trường hợp sử dụng trợ lý AI
chrome.desktopCapture
Desktop Capture API (API Chụp màn hình) chụp nội dung của màn hình, từng cửa sổ hoặc từng thẻ. Enum dùng để xác định tập hợp các nguồn nội dung đa phương tiện trên máy tính dùng trong chooseDesktopMedia(). "màn hình" "window" "tab" "audio" Phản ánh
chrome.dns
Sử dụng API chrome.dns để phân giải DNS. Để sử dụng API này, bạn phải khai báo quyền "dns" trong manifest. Mã sau đây gọi resolve() để truy xuất địa chỉ IP của example.com. service-worker.js: chuỗi không bắt buộc Một chuỗi đại diện cho giá trị cố
chrome.documentScan
Sử dụng API chrome.documentScan để khám phá và truy xuất hình ảnh từ trình quét tài liệu đính kèm.
chrome.declarativeContent
Sử dụng API chrome.declarativeContent để thực hiện các hành động tuỳ thuộc vào nội dung của trang mà không cần quyền đọc nội dung của trang. API Nội dung khai báo cho phép bạn bật hành động của tiện ích tuỳ thuộc vào URL của trang web hoặc nếu bộ
chrome.system.storage
Sử dụng API chrome.system.storage để truy vấn thông tin về thiết bị lưu trữ và được thông báo khi thiết bị lưu trữ có thể tháo rời được gắn và tháo. "success" Lệnh tháo đã thành công – ứng dụng có thể nhắc người dùng tháo thiết bị. "in_use" Thiết bị
chrome.contextMenus
Sử dụng API chrome.contextMenus để thêm các mục vào trình đơn theo bối cảnh của Google Chrome. Bạn có thể chọn loại đối tượng mà các mục bổ sung trong trình đơn theo bối cảnh áp dụng, chẳng hạn như hình ảnh, đường liên kết siêu và trang. Bạn phải
chrome.audio
API chrome.audio được cung cấp để cho phép người dùng nhận thông tin và điều khiển các thiết bị âm thanh được đính kèm vào hệ thống. API này hiện chỉ có trong chế độ kiosk cho ChromeOS. chuỗi Tên thiết bị. DeviceType Loại thiết bị. chuỗi Tên thân
chrome.alarms
Sử dụng API chrome.alarms để lên lịch chạy mã định kỳ hoặc vào một thời điểm cụ thể trong tương lai. Để sử dụng API chrome.alarms, hãy khai báo quyền "alarms" trong manifest: Để đảm bảo hành vi đáng tin cậy, bạn nên tìm hiểu cách hoạt động của API.
Tự động điền
Trình duyệt và bạn (với tư cách là nhà phát triển) có thể giúp người dùng nhập dữ liệu nhanh hơn và tránh nhập lại dữ liệu. Tự động điền là một tính năng cho phép trình duyệt tự động điền thông tin đã lưu của người dùng vào các trường biểu mẫu, chẳng
Công cụ CrUX
Tài liệu kỹ thuật về các công cụ CrUX.
chrome.declarativeNetRequest
API chrome.declarativeNetRequest dùng để chặn hoặc sửa đổi các yêu cầu mạng bằng cách chỉ định các quy tắc khai báo. Điều này cho phép các tiện ích sửa đổi các yêu cầu mạng mà không cần chặn và xem nội dung của các yêu cầu đó, nhờ đó tăng cường quyền
chrome.devtools.panels
Sử dụng API chrome.devtools.panels để tích hợp tiện ích của bạn vào giao diện người dùng cửa sổ Công cụ dành cho nhà phát triển: tạo bảng điều khiển của riêng bạn, truy cập vào các bảng điều khiển hiện có và thêm thanh bên. Mỗi bảng điều khiển tiện
chrome.fileBrowserHandler
Sử dụng API chrome.fileBrowserHandler để mở rộng trình duyệt tệp ChromeOS. Ví dụ: bạn có thể sử dụng API này để cho phép người dùng tải tệp lên trang web của bạn. Trình duyệt tệp ChromeOS sẽ xuất hiện khi người dùng nhấn tổ hợp phím Alt+Shift+M hoặc
chrome.readingList
Dùng chrome.readingList API để đọc và sửa đổi các mục trong Reading List (Danh sách đọc). Để sử dụng API Danh sách đọc, hãy thêm quyền "readingList" vào tệp tệp kê khai của tiện ích: manifest.json: Chrome có một danh sách đọc nằm trên bảng điều khiển
Video về tính năng hỗ trợ tiếp cận giành giải thưởng web trong Cuộc thi dành cho nhà phát triển sử dụng Gemini API
Chúng tôi đã chọn ViddyScribe cho giải thưởng web trong Cuộc thi dành cho nhà phát triển Gemini API. Họ đã minh hoạ cách Gemini có thể giúp tăng khả năng hỗ trợ tiếp cận của video trên web bằng cách tạo bản mô tả bằng âm thanh cho mọi video.
Tiếp theo là gì đối với WebGPU
Tìm hiểu về các tính năng AI và kết xuất mới được thảo luận tại cuộc họp mới nhất của nhóm làm việc GPU cho Web.
Chuẩn bị phần mở rộng của bạn khi chúng tôi bắt đầu thử nghiệm trình đơn phần mở rộng mới
Cách chuẩn bị phần mở rộng cho trình đơn phần mở rộng mới.
Khoá truy cập
Một giải pháp thay thế mật khẩu dễ dàng và an toàn hơn.
chrome.networking.onc
API chrome.networking.onc dùng để định cấu hình các kết nối mạng (Di động, Ethernet, VPN hoặc Wi-Fi). API này có trong các phiên kiosk Chrome OS tự động chạy. Cấu hình kết nối mạng được chỉ định theo quy cách Cấu hình mạng mở (ONC). LƯU Ý: Hầu hết
Signal API cho khoá truy cập trên máy tính Chrome
Ra mắt Signal API cho khoá truy cập trên Chrome dành cho máy tính
Trợ lý AI cho nguồn
Tìm hiểu về tài nguyên trang web của bạn – nhờ sự trợ giúp của AI
Chrome 132 beta
Tìm hiểu về các tính năng mới nhất trong Chrome.
Tham gia bản dùng thử theo nguyên gốc Translator API
Dịch trực tiếp văn bản trong trình duyệt bằng các mô hình AI cục bộ. Giờ đây, người dùng có thể đóng góp bằng ngôn ngữ đầu tiên của họ.
Bảng điều khiển trợ lý AI
Tìm hiểu cách hoạt động của một trang web nhờ AI
Trợ lý AI cho hiệu suất
Tìm hiểu về hồ sơ hiệu suất – nhờ sự trợ giúp của AI
Trí tuệ nhân tạo tích hợp sẵn
Trí tuệ nhân tạo (AI) tích hợp là tính năng mới nhất giúp cung cấp cho người dùng những mô hình mạnh mẽ, đồng thời bảo vệ dữ liệu nhạy cảm và giảm độ trễ.
Hỗ trợ sử dụng AI cho mạng
Tìm hiểu lưu lượng truy cập mạng của trang web nhờ công nghệ AI
Dịch phía máy khách bằng AI
Khám phá Translator API để hỗ trợ khách hàng trên toàn cầu.
Chú thích dấu vết ngay trong bảng điều khiển Hiệu suất
Tìm hiểu cách giúp dấu vết hiệu suất dễ hiểu hơn bằng các tính năng chú thích mới trong Công cụ cho nhà phát triển
Tham gia bản dùng thử theo nguyên gốc Summarizer API
Tham gia thử nghiệm nguồn gốc để giúp người dùng tóm tắt các bài viết dài, tài liệu phức tạp hoặc thậm chí là cuộc trò chuyện sôi nổi thành bản tóm tắt ngắn gọn và sâu sắc.
Tham gia chương trình dùng thử Prompt API theo nguyên gốc cho tiện ích Chrome
Tham gia bản dùng thử theo nguyên gốc Prompt API cho tiện ích Chrome và truy cập vào Gemini Nano trong Chrome.
Tính năng mới trong Chrome 131
Chrome 131 hiện đang được triển khai! Có nhiều kiểu CSS hơn cho phần tử details, bố cục in dễ dàng hơn với các hộp lề trang và còn nhiều tính năng khác.
Duy trì tính nhất quán giữa khoá truy cập và thông tin xác thực trên máy chủ của bạn bằng Signal API
API tín hiệu WebAuthn cho phép bên phụ thuộc báo hiệu trạng thái của thông tin xác thực hiện có cho nhà cung cấp khoá truy cập để khoá truy cập nhất quán với thông tin xác thực trên máy chủ.
Chrome 131
Tính năng kế thừa làm nổi bật CSS sẽ thay đổi, thêm kiểu CSS cho phần tử chi tiết, bố cục in dễ dàng hơn với các hộp lề trang, v.v.
Tóm tắt bằng AI tích hợp sẵn
Trích xuất các bài viết dài, tài liệu phức tạp hoặc thậm chí là các cuộc trò chuyện thú vị thành bản tóm tắt ngắn gọn và sâu sắc.
CSS và giao diện người dùng
Tìm tài nguyên về các chủ đề như kiểu chữ, màu sắc và bố cục.
Làm quen với bản dùng thử theo nguyên gốc
Thử nghiệm tính năng nền tảng web mới hoặc thử nghiệm. Hãy đưa ra ý kiến phản hồi cho cộng đồng các tiêu chuẩn web về khả năng hữu dụng, tính thực tế và hiệu quả của tính năng trước khi cung cấp tính năng này cho tất cả người dùng.
Các lựa chọn khác để tạo kiểu <chi tiết>
Giờ đây, bạn có thể đặt loại hiển thị và cũng tạo kiểu cho vùng chứa cho phần mở rộng và thu gọn bằng cách sử dụng phần tử giả ::details-content mới.
Khắc phục sự cố về bộ nhớ
Tìm hiểu cách sử dụng Chrome và Công cụ cho nhà phát triển để tìm các vấn đề về bộ nhớ ảnh hưởng đến hiệu suất của trang, bao gồm cả rò rỉ bộ nhớ, quá nhiều bộ nhớ và thu gom rác thường xuyên.
Tính năng mới trong WebGPU (Chrome'131)
Khoảng cách cắt trong WGSL, GPUCanvasContext getConfiguration(), điểm và đường gốc không được có độ lệch sâu, các hàm tích hợp sẵn của tính năng quét bao gồm cho các nhóm con, hỗ trợ thử nghiệm cho nhiều bản vẽ gián tiếp, tuỳ chọn biên dịch mô-đun chương trình đổ bóng toán học nghiêm ngặt, xoá GPUAdapter requestAdapterInfo() và nhiều tính năng khác.
Tổng quan về bảng điều khiển bộ nhớ
Nắm được thông tin chi tiết chuyên sâu về quá trình phân bổ bộ nhớ, điều tra các vấn đề về bộ nhớ cấp thấp và quản lý việc thu gom rác.
Giúp người dùng đăng nhập suôn sẻ nhờ tính năng chia sẻ thông tin đăng nhập liền mạch
Tính năng chia sẻ thông tin đăng nhập liền mạch cho phép bạn gửi tín hiệu an toàn đến trình quản lý mật khẩu để người dùng có thể đăng nhập bằng cùng một thông tin đăng nhập trên ứng dụng Android và trang web của bạn.
Tuỳ chỉnh Công cụ cho nhà phát triển
Danh sách các cách tuỳ chỉnh Công cụ của Chrome cho nhà phát triển: Thay đổi giao diện, vị trí, thứ tự bảng điều khiển, ngôn ngữ, v.v.
Theo dõi các chỉ số trực tiếp của Core Web Vitals trong bảng điều khiển Hiệu suất
Theo dõi các chỉ số trực tiếp của Chỉ số quan trọng chính của trang web trong bảng điều khiển Hiệu suất.
Tài liệu tham khảo về huy hiệu
Chuyển đổi nhiều lớp phủ và tăng tốc độ điều hướng cây DOM bằng huy hiệu.
Thêm nội dung vào lề của trang web khi in bằng CSS
Tạo đầu trang và chân trang tuỳ chỉnh khi in trang web.
Nhận dạng chữ viết tay của người dùng
API nhận dạng chữ viết tay cho phép các ứng dụng web sử dụng dịch vụ nhận dạng chữ viết tay nâng cao để nhận dạng văn bản từ nội dung nhập viết tay theo thời gian thực.
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 131
Gỡ lỗi CSS bằng Gemini, chú thích thông tin phát hiện và nhận thông tin chi tiết trong bảng Hiệu suất, phát hiện những thay đổi quá mức về bố cục và ảnh động không được ghép, cùng nhiều tính năng khác.
WebGPU: Mẹo khắc phục sự cố và bản sửa lỗi
Tìm hiểu lý do khiến WebGPU có thể bị tắt hoặc không hoạt động trong trình duyệt Chrome.
Phân tích hiệu suất trong thời gian chạy
Tìm hiểu cách đánh giá hiệu suất của thời gian chạy trong Công cụ của Chrome cho nhà phát triển.
Đang xoá --headless=old khỏi Chrome
Chrome 132 không còn bao gồm chế độ Không có giao diện người dùng cũ. Chuyển sang dùng giao diện chrome-headless-shell hoặc chế độ Không có giao diện người dùng mới.
Huy hiệu cuộn mới trong Công cụ cho nhà phát triển: Tìm các phần tử có thể cuộn nhanh hơn
Tìm hiểu cách huy hiệu cuộn mới của DevTools đơn giản hoá việc gỡ lỗi các phần tử có thể cuộn (và cách chúng tôi tạo huy hiệu này!).
5 điều thú vị có thể làm với tính năng Trợ giúp AI trong DevTools
Tìm hiểu về các trường hợp sử dụng thú vị và hấp dẫn của bảng điều khiển trợ giúp AI mới trong Công cụ cho nhà phát triển
Chế độ không có giao diện người dùng của Chrome
Chế độ Không có giao diện người dùng của Chrome giờ đây hữu ích hơn cho các nhà phát triển bằng cách đưa nó đến gần với chế độ 'nhiều đầu' thông thường của Chrome.
Bật bfcache cho Cache-Control: no-store
Chrome sẽ thay đổi để cho phép sử dụng bfcache cho các trang sử dụng Cache-Control: no-store khi việc này an toàn. Hãy tìm hiểu ý nghĩa của việc này đối với nhà phát triển.
Các API tích hợp sẵn dựa trên AI
Trí tuệ nhân tạo (AI) tích hợp là tính năng mới nhất giúp cung cấp cho người dùng những mô hình mạnh mẽ, đồng thời bảo vệ dữ liệu nhạy cảm và giảm độ trễ.
Chrome 131 beta
Khám phá các tính năng sắp có trên Chrome trong phiên bản beta mới nhất.
Tài liệu tham khảo API
Tài liệu tham khảo đầy đủ đến tất cả API được cung cấp cho Tiện ích của Chrome. Điều này bao gồm các API dành cho nền tảng Ứng dụng Chrome không dùng nữa, cũng như các API vẫn đang ở giai đoạn thử nghiệm và phát triển.
Tính năng mới trong WebGPU (Chrome'130)
Kết hợp nguồn kép, cải thiện thời gian biên dịch chương trình đổ bóng trên Metal, ngừng sử dụng GPUAdapter requestAdapterInfo(), v.v.
Tính năng mới trong Chrome 130
Chrome 130 hiện đang được triển khai! Chế độ hình trong hình của tài liệu giúp bạn kiểm soát nhiều hơn đối với các cửa sổ hình trong hình, các nội dung khai báo lồng nhau trong CSS sẽ khắc phục một số trường hợp khó xử và bạn có thể chỉ định cách hoạt động của các phần trang trí trên các phần tử được chia thành nhiều dòng. Pete LePage có tất cả thông tin chi tiết về các tính năng mới dành cho nhà phát triển trong Chrome 130.
Trợ lý AI để tạo kiểu
Tìm hiểu cách tạo kiểu cho trang web nhờ AI trong Công cụ cho nhà phát triển.
Chrome 130
Chrome 130 hiện đang được triển khai! Tính năng chế độ hình trong hình cho phép bạn kiểm soát tốt hơn cửa sổ chế độ hình trong hình, khai báo CSS lồng nhau sẽ khắc phục một số trường hợp phức tạp khó hiểu và bạn có thể chỉ định cách hoạt động của trang trí trên các phần tử được chia thành nhiều dòng, và còn rất nhiều nữa!
chrome.virtualKeyboard
chrome.virtualKeyboard API là một API chỉ dành cho kiosk, dùng để định cấu hình bố cục và hành vi của bàn phím ảo trong các phiên kiosk. boolean không bắt buộc Liệu bàn phím ảo có thể cung cấp tính năng tự động hoàn tất hay không. boolean không bắt
chrome.clipboard
API chrome.clipboard được cung cấp để cho phép người dùng truy cập vào dữ liệu của bảng nhớ tạm. Đây là giải pháp tạm thời cho các ứng dụng nền tảng chromeos cho đến khi có giải pháp thay thế web mở. Tính năng này sẽ không được dùng nữa khi có giải
API Khung hoạt ảnh dài
Tìm hiểu về API Khung hình động dài (LoAF), đây là phiên bản tiếp theo của API Tác vụ dài và cho phép đo lường độ trễ cập nhật khung bằng mô hình phân bổ
Kiểm tra hoạt động mạng
Hướng dẫn về các tính năng phổ biến nhất liên quan đến mạng trong Công cụ của Chrome cho nhà phát triển.
Phát kiến về AI
Tài liệu tham khảo về thẻ AI Sáng tạo.
Những thay đổi đối với tiện ích Chrome từ tháng 10 năm 2024
Thông tin tổng quan về những thay đổi gần đây đối với Tiện ích Chrome, cùng với các tính năng tiện ích sắp ra mắt mà nhà phát triển có thể mong đợi.
Thuộc tính box-decoration-break trong Chrome 130
Chrome 130 hỗ trợ đầy đủ, không có tiền tố box-decoration-break.
Native Client
Hộp cát để chạy mã C và C++ đã biên dịch trong trình duyệt. Tính năng này không được dùng nữa.
Quyền truy cập vào mạng riêng đang bị tạm ngưng
Quy trình phát hành Quyền truy cập vào mạng riêng (PNA) đang tạm dừng.
Translation API có thể được dùng để xem trước sớm
API Dịch hiện đã có cho những người tham gia Chương trình dùng thử sớm về AI tích hợp.
Thay đổi về tính kế thừa để định kiểu lựa chọn CSS
Chrome 134 sẽ có thay đổi đối với tính năng kế thừa văn bản được làm nổi bật CSS.
API định vị neo CSS
Định vị các phần tử tương ứng với nhau bằng API định vị neo.
Phát hiện tính năng dự đoán trong Công cụ của Chrome cho nhà phát triển: Lý do khó phát hiện và cách cải thiện
Tìm hiểu cách trình gỡ lỗi DevTools dự đoán xem có phát hiện ngoại lệ hay không.
WebAuthn: Mô phỏng trình xác thực
Mô phỏng ứng dụng xác thực và gỡ lỗi WebAuthn trong Công cụ của Chrome cho nhà phát triển.
Tham gia Thử thách AI tích hợp trong Google Chrome
Chúng tôi sắp ra mắt Thử thách về AI tích hợp, trong đó mời bạn tưởng tượng lại những điều có thể làm được với Gemini Nano trong Chrome.
Cải thiện trải nghiệm Trang tổng quan dành cho nhà phát triển Cửa hàng Chrome trực tuyến trên thiết bị di động
Chúng tôi rất vui mừng được ra mắt một loạt thay đổi về giao diện người dùng để giúp Trang tổng quan dành cho nhà phát triển Cửa hàng Chrome trực tuyến trở nên thích ứng và thân thiện hơn với thiết bị di động. Chúng tôi hy vọng việc này sẽ giúp bạn
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 130
Bạn có thể xem các đề xuất về các chỉ số trực tiếp và đường dẫn mà bạn có thể xem trong bảng Hiệu suất, thiết kế lại các bộ lọc mạng, dữ liệu xuất HAR được dọn dẹp và nhiều tính năng khác.
Tìm kiếm: Tìm văn bản trên tất cả các tài nguyên đã tải
Tìm văn bản trên tất cả các tài nguyên được tải bằng bảng điều khiển Tìm kiếm.
Tài liệu tham khảo về tính năng
Tài liệu tham khảo toàn diện về các tính năng của bảng điều khiển Trình ghi công cụ của Chrome cho nhà phát triển.
Tổng quan về bảng điều khiển Nguồn
Xem và chỉnh sửa tệp, tạo đoạn mã, gỡ lỗi JavaScript và thiết lập Không gian làm việc trong Bảng điều khiển Nguồn của Công cụ của Chrome cho nhà phát triển.
Mức độ phù hợp: Tìm JavaScript và CSS không dùng đến
Cách tìm và phân tích mã JavaScript và CSS không dùng đến trong Công cụ của Chrome cho nhà phát triển.
Giải mã tính năng lưu vào bộ nhớ đệm: Kiểm tra, xoá và tắt bộ nhớ đệm
Kiểm tra và khắc phục sự cố bộ nhớ đệm bằng Công cụ cho nhà phát triển.
Bảng điều khiển Lớp: Khám phá các lớp của trang web
Kiểm tra các lớp tạo nên trang web của bạn.
Hiệu ứng chuyển đổi chế độ xem cùng tài liệu cho các ứng dụng trang đơn
Bắt đầu sử dụng các hiệu ứng chuyển đổi chế độ xem cùng tài liệu để sử dụng trong ứng dụng trang đơn.
Đăng ký bản dùng thử theo nguyên gốc Language Detection API
Language Detection API hiện có trong bản dùng thử theo nguyên gốc của Chrome.
Tiện ích Web Vitals hiện có trong Công cụ cho nhà phát triển
Tiện ích Các chỉ số quan trọng về trang web sẽ hợp nhất với bảng điều khiển Hiệu suất của Công cụ của Chrome cho nhà phát triển, chấm dứt việc hỗ trợ độc lập vào tháng 1 năm 2025.
Tổng quan về bảng điều khiển
Các mục đích sử dụng chính của Bảng điều khiển dành cho nhà phát triển của Chrome là thông báo ghi nhật ký và chạy JavaScript.
Xác định riêng PWA bằng thuộc tính mã tệp kê khai ứng dụng web
Thuộc tính "id" không bắt buộc là một phần của thông số kỹ thuật của tệp kê khai ứng dụng web, cho phép bạn xác định rõ giá trị nhận dạng dùng cho PWA của bạn. Việc thêm thuộc tính "id" vào tệp kê khai sẽ xoá phần phụ thuộc vào "start_url" hoặc vị trí của tệp kê khai, đồng thời giúp bạn có thể cập nhật các thuộc tính này trong tương lai.
API Người viết và Người viết lại được cung cấp để dùng thử trước
Giờ đây, người tham gia EPP có thể tạo nguyên mẫu bằng API viết và viết lại trong Chrome.
Cần ý kiến phản hồi: Chúng tôi nên xác định khối xây CSS như thế nào?
So sánh hai thông số kỹ thuật của khối xây được đề xuất.
Chrome đồng bộ hoá khoá truy cập trên Trình quản lý mật khẩu của Google giữa máy tính và Android
Chrome trên máy tính sẽ sớm có thể tạo khoá truy cập trong Trình quản lý mật khẩu của Google (GPM) và đồng bộ hoá khoá truy cập trên các nền tảng đó ngoài Android.
Chrome 130 phiên bản thử nghiệm
Kiểm thử trang web của bạn bằng các tính năng và thay đổi trong phiên bản Chrome beta mới nhất.
Theo dõi hiệu suất của các chỉ số Core Web Vitals trên máy tính và người dùng thực trong Công cụ dành cho nhà phát triển
Bảng điều khiển Hiệu suất trong Chrome DevTools cung cấp một cách mới để theo dõi hiệu suất của các chỉ số quan trọng chính của trang web trên thiết bị cục bộ và so sánh với dữ liệu người dùng thực tế tại thực địa.
Tính năng mới trong Chrome 129
Chrome 129 sắp ra mắt! Bạn có thể thực hiện các tác vụ dài - để cải thiện hiệu suất, bạn có thể tạo ảnh động cho các phần tử với kích thước nội tại, có một số thay đổi đối với cú pháp định vị neo và nhiều hơn thế nữa. Pete LePage có tất cả thông tin chi tiết về tính năng mới dành cho nhà phát triển trong Chrome 129.
Tạo ảnh động cho height: auto; (và các từ khoá định cỡ nội tại khác) trong CSS
Tạo ảnh động đến và từ các từ khoá định cỡ nội tại bằng `interpolate-size` và `calc-size()`
Tính năng mới trong WebGPU (Chrome'129)
Hỗ trợ HDR với chế độ liên kết tông màu canvas, mở rộng khả năng hỗ trợ nhóm con và nhiều tính năng khác.
Thử nghiệm của Chrome: Chia sẻ quy trình
Thử nghiệm chia sẻ quy trình và tác động của thử nghiệm này đối với trải nghiệm của nhà phát triển trong Công cụ của Chrome cho nhà phát triển.
Bảng điều khiển hiệu suất: Phân tích hiệu suất của trang web
Phân tích hiệu suất tải và thời gian chạy của trang web
Thông tin cập nhật về Bluetooth RFCOMM trong Web Serial
Tìm hiểu cách phát hiện thời điểm có cổng nối tiếp Bluetooth RFCOMM bằng Web Serial.
Yêu cầu phản hồi của nhà phát triển: chọn tuỳ chỉnh
Xem trước tính năng chọn mới có thể tuỳ chỉnh.
Đóng băng màn hình và kiểm tra các phần tử biến mất
Cố định các phần tử trong DOM để bạn có thể kiểm tra chúng bằng Công cụ cho nhà phát triển.
Ghi chú phát hành
Thông tin chi tiết về những thay đổi mới nhất đối với tập dữ liệu CrUX.
API Khoá bàn phím và API Khoá con trỏ yêu cầu quyền từ Chrome 131
Keyboard Lock API (API khoá bàn phím) cho phép nhà phát triển cung cấp trải nghiệm toàn màn hình sống động cho nhiều trường hợp sử dụng, bao gồm cả trang web tương tác, trò chơi và máy tính từ xa hoặc truyền trực tuyến ứng dụng. Trình bổ trợ này thực
Hình trong hình cho mọi Phần tử, chứ không chỉ <video>
Hiển thị nội dung HTML tuỳ ý trong cửa sổ luôn ở trên cùng.
Trình kiểm tra bộ nhớ: Kiểm tra ArrayBuffer, TypedArray, DataView và wasm Memory.
Sử dụng trình kiểm tra Bộ nhớ để kiểm tra ArrayBuffer, TypedArray hoặc DataView trong JavaScript cũng như WebAssembly.Memory của các ứng dụng C++ Wasm.
Thay đổi: Theo dõi các thay đổi về HTML, CSS và JavaScript
Theo dõi các thay đổi đối với HTML, CSS và JavaScript.
Thay đổi cú pháp vị trí neo
Các thay đổi liên quan đến API định vị quảng cáo cố định mà bạn cần lưu ý.
Giới thiệu bản dùng thử theo nguyên gốc Digital Credentials API
Bản dùng thử theo nguyên gốc cho Digital Credentials API sẽ bắt đầu từ Chrome 128. Digital Credentials API là một API nền tảng web mới cho phép các trang web yêu cầu một cách chọn lọc thông tin có thể xác minh về người dùng thông qua thông tin xác thực kỹ thuật số, chẳng hạn như giấy phép lái xe hoặc thẻ căn cước công dân được lưu trữ trong ví điện tử.
Chạy các lệnh trong trình đơn Lệnh
Hướng dẫn về cách mở Trình đơn lệnh, chạy lệnh, mở tệp, xem các thao tác khác và nhiều thao tác khác.
Bật tính năng chia sẻ thông tin đăng nhập liền mạch trên các trang web trong Chrome
Nếu sử dụng nhiều miền có chung phần phụ trợ quản lý tài khoản, thì giờ đây, với Digital Asset Links (Đường liên kết đến tài sản kỹ thuật số), bạn cũng có thể chia sẻ thông tin đăng nhập một cách liền mạch giữa các miền đó để người dùng có thể lưu thông tin đăng nhập một lần và yêu cầu trình quản lý mật khẩu của Chrome đề xuất thông tin đó cho mọi trang web được liên kết.
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 129
Yêu cầu tìm kiếm trong phần Hiệu suất > Mạng, sử dụng dữ liệu thử nghiệm trong biểu mẫu địa chỉ với tính năng Tự động điền, xuất sang Puppeteer cho Firefox trong bảng điều khiển Trình ghi, phát hiện nhanh các vấn đề về hiệu suất thông qua những quan sát trong bảng Hiệu suất, v.v.
Nền tảng web
Tìm hiểu cách Chrome hoạt động, tham gia bản dùng thử theo nguyên gốc và xây dựng bằng Chrome ở mọi nơi.
Ra mắt gợi ý, Yêu cầu nguồn có liên quan và chuyển đổi tuần tự JSON cho WebAuthn trong Chrome
WebAuthn trên Chrome hiện có thể sử dụng gợi ý, Yêu cầu nguồn có liên quan và chuyển đổi tuần tự JSON
chrome.privacy
Dùng API chrome.privacy để kiểm soát việc sử dụng các tính năng trong Chrome có thể ảnh hưởng đến quyền riêng tư của người dùng. API này dựa vào nguyên mẫu Cài đặt Chrome của loại API để nhận và đặt cấu hình của Chrome. Bạn phải khai báo "quyền riêng
chrome.wallpaper
Dùng API chrome.wallpaper để thay đổi hình nền ChromeOS. Bạn phải khai báo "hình nền" quyền trong tệp kê khai của ứng dụng để sử dụng API hình nền. Ví dụ: Ví dụ: để đặt hình nền làm hình ảnh tại https://example.com/a_file.png, bạn có thể gọi
chrome.input.ime
Sử dụng API chrome.input.ime để triển khai một IME tuỳ chỉnh cho Chrome OS. Điều này cho phép tiện ích của bạn xử lý thao tác nhấn phím, thiết lập thành phần và quản lý cửa sổ đề xuất. Bạn phải khai báo "dữ liệu đầu vào" quyền trong tệp kê khai tiện
chrome.system.storage
Dùng API chrome.system.storage để truy vấn thông tin về thiết bị lưu trữ và nhận thông báo khi thiết bị lưu trữ di động được gắn và tháo rời. "thành công" Lệnh đẩy ra thành công -- ứng dụng có thể nhắc người dùng tháo thiết bị. "in_use" Thiết bị đang
chrome.scripting
Sử dụng API chrome.scripting để thực thi tập lệnh trong nhiều ngữ cảnh. Để sử dụng API chrome.scripting, hãy khai báo quyền "scripting" trong tệp kê khai cùng với quyền của máy chủ lưu trữ cho các trang chèn tập lệnh vào. Dùng khoá "host_permissions"
chrome.webAuthenticationProxy
API chrome.webAuthenticationProxy cho phép phần mềm máy tính từ xa chạy trên máy chủ từ xa chặn các yêu cầu API Xác thực web (WebAuthn) để xử lý các yêu cầu đó trên máy khách cục bộ. string PublicKeyCredentialCreationOptions được truyền đến
chrome.power
Sử dụng API chrome.power để ghi đè các tính năng quản lý nguồn của hệ thống. Theo mặc định, hệ điều hành làm mờ màn hình khi người dùng không hoạt động và cuối cùng tạm ngưng hệ thống. Với API nguồn, ứng dụng hoặc tiện ích có thể giúp hệ thống luôn
chrome.types
API chrome.types chứa các nội dung khai báo loại cho Chrome. Loại ChromeSetting cung cấp một tập hợp hàm chung ( get(), set() và clear() ) cũng như nhà xuất bản sự kiện ( onChange ) cho các chế độ cài đặt của trình duyệt Chrome. Cài đặt proxy các ví
chrome.enterprise.hardwarePlatform
Dùng API chrome.enterprise.hardwarePlatform để biết nhà sản xuất và kiểu máy của nền tảng phần cứng mà trình duyệt chạy. Lưu ý: API này chỉ dành cho các tiện ích được cài đặt theo chính sách doanh nghiệp. string string Yêu cầu nhà sản xuất và kiểu
chrome.enterprise.deviceAttributes
Dùng API chrome.enterprise.deviceAttributes để đọc các thuộc tính của thiết bị. Lưu ý: API này chỉ dành cho các tiện ích buộc cài đặt theo chính sách doanh nghiệp. Tìm nạp thông tin vị trí do quản trị viên chú thích. Nếu người dùng hiện tại không
chrome.systemLog
Dùng API chrome.systemLog để ghi lại nhật ký hệ thống Chrome từ các tiện ích. string Thêm một bản ghi nhật ký mới. MessageOptions Tuỳ chọn ghi nhật ký. hàm không bắt buộc Tham số callback sẽ có dạng như sau: Lời hứa<vô hiệu> Lời hứa được hỗ trợ
chrome.tabCapture
Sử dụng API chrome.tabCapture để tương tác với luồng nội dung nghe nhìn trên thẻ. API chrome.tabCapture cho phép bạn truy cập vào MediaStream chứa video và âm thanh của thẻ hiện tại. Cuộc gọi chỉ có thể được gọi sau khi người dùng gọi một tiện ích,
chrome.vpnProvider
Dùng API chrome.vpnProvider để triển khai ứng dụng VPN. Dưới đây là cách sử dụng điển hình của chrome.vpnProvider: Tạo cấu hình VPN bằng cách gọi createConfig(). Cấu hình VPN là một mục nhập cố định mà người dùng nhìn thấy trong giao diện người dùng
chrome.topSites
Dùng API chrome.topSites để truy cập vào các trang web hàng đầu (tức là các trang web được truy cập nhiều nhất) xuất hiện trên trang thẻ mới. Các phím tắt này không bao gồm các lối tắt do người dùng tuỳ chỉnh. Bạn phải khai báo các thuộc tính
chrome.proxy
Sử dụng API chrome.proxy để quản lý chế độ cài đặt proxy của Chrome. API này dựa vào nguyên mẫu cài đặt Chrome của loại API để nhận và đặt cấu hình proxy. Bạn phải khai báo "proxy" quyền sử dụng chế độ cài đặt proxy trong tệp kê khai tiện ích API. Ví
chrome.system.memory
API chrome.system.memory. số Dung lượng hiện có, tính bằng byte. số Tổng dung lượng bộ nhớ thực tế, tính bằng byte. Lấy thông tin về bộ nhớ thực. hàm không bắt buộc Tham số callback sẽ có dạng như sau: MemoryInfo Promise&lt; MemoryInfo &gt;
chrome.enterprise.networkingAttributes
Dùng API chrome.enterprise.networkingAttributes để đọc thông tin về mạng hiện tại của bạn. Lưu ý: API này chỉ dành cho các tiện ích buộc cài đặt theo chính sách doanh nghiệp. chuỗi không bắt buộc Địa chỉ IPv4 cục bộ của thiết bị (không xác định nếu
chrome.devtools.recorder
Sử dụng API chrome.devtools.recorder để tuỳ chỉnh bảng điều khiển Trình ghi trong Công cụ cho nhà phát triển. API devtools.recorder là một tính năng xem trước cho phép bạn mở rộng bảng điều khiển Trình ghi lại trong Công cụ của Chrome cho nhà phát
chrome.devtools.performance
Sử dụng API chrome.devtools.performance để theo dõi thông tin cập nhật về trạng thái ghi trong bảng điều khiển Hiệu suất trong Công cụ cho nhà phát triển. Xem Tóm tắt API Công cụ cho nhà phát triển để biết giới thiệu chung về cách sử dụng API Công cụ
chrome.system.cpu
Dùng API system.cpu để truy vấn siêu dữ liệu của CPU. string Tên cấu trúc của bộ xử lý. chuỗi[] Một bộ mã tính năng cho biết một số khả năng của bộ xử lý. Các mã hiện được hỗ trợ là "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" và "avx".
chrome.devtools.network
Sử dụng API chrome.devtools.network để truy xuất thông tin về các yêu cầu mạng do Công cụ cho nhà phát triển hiển thị trong bảng điều khiển Mạng. Thông tin về yêu cầu mạng được trình bày ở định dạng Lưu trữ HTTP ( HAR ). Mô tả về HAR nằm ngoài phạm
chrome.processes
Sử dụng API chrome.processes để tương tác với các quy trình của trình duyệt. số Một phần của bộ nhớ đệm được sử dụng, tính bằng byte. số Kích thước của bộ nhớ đệm, tính bằng byte. số không bắt buộc Kết quả đo lường gần đây nhất về mức sử dụng CPU của
chrome.search
Sử dụng API chrome.search để tìm kiếm qua nhà cung cấp mặc định. "CURRENT_TAB" Chỉ định rằng kết quả tìm kiếm xuất hiện trong thẻ gọi hoặc thẻ trên trình duyệt đang hoạt động. "NEW_TAB" Chỉ định rằng kết quả tìm kiếm hiển thị trong thẻ mới.
chrome.webNavigation
Sử dụng API chrome.webNavigation để nhận thông báo về trạng thái của các yêu cầu điều hướng đang diễn ra. Mọi phương thức và sự kiện chrome.webNavigation đều yêu cầu bạn khai báo quyền "webNavigation" trong tệp kê khai tiện ích. Ví dụ: Để hoàn tất
chrome.tts
Dùng API chrome.tts để phát tính năng chuyển văn bản sang lời nói (TTS) được tổng hợp. Ngoài ra, hãy xem API ttsEngine có liên quan, giúp cho phép tiện ích triển khai công cụ chuyển lời nói. Chrome cung cấp khả năng này trên Windows (sử dụng SAPI 5),
chrome.devtools.inspectedWindow
Sử dụng chrome.devtools.inspectedWindow API để tương tác với cửa sổ được kiểm tra: lấy mã thẻ cho trang được kiểm tra, đánh giá mã trong bối cảnh cửa sổ được kiểm tra, tải lại trang hoặc lấy danh sách tài nguyên trên trang. Xem Tóm tắt API Công cụ
chrome.tabGroups
Sử dụng API chrome.tabGroups để tương tác với hệ thống nhóm thẻ của trình duyệt. Bạn có thể sử dụng API này để sửa đổi và sắp xếp lại các nhóm thẻ trong trình duyệt. Để nhóm và huỷ nhóm các thẻ hoặc để truy vấn xem có những thẻ nào trong nhóm, hãy sử
chrome.printerProvider
API chrome.printerProvider hiển thị những sự kiện mà trình quản lý máy in dùng để truy vấn máy in do các tiện ích kiểm soát, để truy vấn chức năng của các tiện ích đó và gửi các lệnh in đến những máy in này. chuỗi không bắt buộc Nội dung mô tả mà con
chrome.printingMetrics
Sử dụng API chrome.printingMetrics để tìm nạp dữ liệu về mức sử dụng tính năng in. "BLACK_AND_WHITE" Chỉ định rằng bạn đã sử dụng chế độ đen trắng. "COLOR" Chỉ định chế độ màu đã được sử dụng. "ONE_SIDED" Chỉ định rằng bạn đã sử dụng tính năng in một
Các chức năng và tuỳ chọn Chrome
Chức năng là những lựa chọn mà bạn có thể dùng để tuỳ chỉnh và định cấu hình một phiên ChromeDriver.
HTML và CSS thiếu gì?
Bạn có đồng ý với những người tham dự Ngày CSS về những nội dung cần thêm vào web không?
Bộ nhớ IndexedDB hiệu quả hơn trong Chrome
Tính năng tối ưu hoá mới trong Chrome cải thiện cách lưu trữ dữ liệu IndexedDB trên ổ đĩa. Tài liệu này tóm tắt các điểm chính của bản cập nhật này.
API phát hiện ngôn ngữ hiện có thể dùng được trong bản dùng thử sớm
Giờ đây, những người tham gia EPP có thể tạo nguyên mẫu bằng API phát hiện ngôn ngữ trong Chrome.
chrome.declarativeNetRequest
API chrome.declarativeNetRequest dùng để chặn hoặc sửa đổi các yêu cầu mạng bằng cách chỉ định các quy tắc khai báo. Điều này cho phép tiện ích sửa đổi các yêu cầu mạng mà không chặn các yêu cầu đó và xem nội dung của chúng, từ đó cung cấp nhiều
Lighthouse: Tối ưu hoá tốc độ trang web
Giúp trang web tải nhanh hơn nhờ Chrome Lighthouse.
chrome.webRequest
Dùng API chrome.webRequest để quan sát và phân tích lưu lượng truy cập cũng như để chặn, chặn hoặc sửa đổi các yêu cầu đang diễn ra. Bạn phải khai báo quyền "webRequest" trong tệp kê khai tiện ích để sử dụng yêu cầu web API, cùng với các quyền cần
chrome.sidePanel
Dùng API chrome.sidePanel để lưu trữ nội dung trong bảng điều khiển bên của trình duyệt cùng với nội dung chính của trang web. Để sử dụng API Bảng điều khiển bên, hãy thêm quyền "sidePanel" vào tệp tệp kê khai của tiện ích: manifest.json: API bảng
chrome.pageAction
Sử dụng API chrome.pageAction để đặt các biểu tượng vào thanh công cụ chính của Google Chrome, ở bên phải thanh địa chỉ. Hành động trên trang biểu thị những hành động có thể thực hiện trên trang hiện tại, nhưng không áp dụng được cho tất cả các
chrome.omnibox
API thanh địa chỉ cho phép bạn đăng ký từ khoá bằng thanh địa chỉ của Google Chrome, còn được gọi là thanh địa chỉ. Khi người dùng nhập từ khoá của tiện ích mở rộng, người dùng bắt đầu duy nhất tương tác với tiện ích. Mỗi thao tác nhấn phím sẽ được
chrome.windows
Dùng API chrome.windows để tương tác với các cửa sổ trình duyệt. Bạn có thể sử dụng API này để tạo, sửa đổi và sắp xếp lại các cửa sổ trong trình duyệt. Khi được yêu cầu, windows.Window sẽ chứa một mảng các đối tượng tabs.Tab. Bạn phải khai báo quyền
chrome.i18n
Sử dụng cơ sở hạ tầng chrome.i18n để triển khai quốc tế hoá trên toàn bộ ứng dụng hoặc tiện ích của bạn. Bạn cần đặt tất cả các chuỗi mà người dùng thấy được vào một tệp có tên messages.json. Mỗi lần bạn thêm ngôn ngữ mới, hãy thêm tệp thông báo
chrome.browserAction
Sử dụng các thao tác của trình duyệt để đặt biểu tượng vào thanh công cụ chính của Google Chrome, ở bên phải thanh địa chỉ. Ngoài biểu tượng, thao tác trên trình duyệt có thể có chú giải công cụ, huy hiệu và cửa sổ bật lên. Trong hình sau, hình vuông
chrome.fileBrowserHandler
Dùng API chrome.fileBrowserHandler để mở rộng trình duyệt tệp trên Chrome OS. Ví dụ: bạn có thể sử dụng API này để cho phép người dùng tải tệp lên trang web của bạn. Trình duyệt tệp trên ChromeOS xuất hiện khi người dùng nhấn tổ hợp phím Alt+Shift+M
chrome.webRequest
Dùng API chrome.webRequest để quan sát và phân tích lưu lượng truy cập cũng như để chặn, chặn hoặc sửa đổi các yêu cầu đang diễn ra. Bạn phải khai báo quyền "webRequest" trong tệp kê khai tiện ích để sử dụng yêu cầu web API, cùng với các quyền cần
chrome.devtools.panels
Sử dụng API chrome.devtools.panels để tích hợp tiện ích của bạn vào giao diện người dùng cửa sổ Công cụ cho nhà phát triển: tạo bảng điều khiển của riêng bạn, truy cập vào bảng điều khiển hiện có và thêm thanh bên. Bạn phải khai báo các khoá sau
chrome.system.cpu
Dùng API system.cpu để truy vấn siêu dữ liệu của CPU. string Tên cấu trúc của bộ xử lý. chuỗi[] Một bộ mã tính năng cho biết một số khả năng của bộ xử lý. Các mã hiện được hỗ trợ là "mmx", "sse", "sse2", "sse3", "ssse3", "sse4_1", "sse4_2" và "avx".
chrome.enterprise.networkingAttributes
Dùng API chrome.enterprise.networkingAttributes để đọc thông tin về mạng hiện tại của bạn. Lưu ý: API này chỉ dành cho các tiện ích buộc cài đặt theo chính sách doanh nghiệp. chuỗi không bắt buộc Địa chỉ IPv4 cục bộ của thiết bị (không xác định nếu
chrome.gcm
Sử dụng chrome.gcm để cho phép ứng dụng và tiện ích gửi và nhận tin nhắn thông qua Giải pháp gửi thông báo qua đám mây của Firebase (FCM). Kích thước tối đa (tính bằng byte) của tất cả các cặp giá trị/khoá trong một thông báo. 4096 Đăng ký ứng dụng
chrome.loginState
Dùng API chrome.loginState để đọc và theo dõi trạng thái đăng nhập. "XML_PROFILE" Chỉ định rằng tiện ích nằm trong hồ sơ đăng nhập. "USER_PROFILE" Chỉ định rằng tiện ích nằm trong hồ sơ người dùng. "UNKNOWN" Chỉ định rằng trạng thái phiên là không
chrome.instanceID
Sử dụng chrome.instanceID để truy cập vào dịch vụ mã phiên bản. Đặt lại giá trị nhận dạng phiên bản ứng dụng và thu hồi tất cả mã thông báo liên kết với giá trị đó. hàm không bắt buộc Tham số callback sẽ có dạng như sau: Lời hứa<vô hiệu> Lời
chrome.printingMetrics
Sử dụng API chrome.printingMetrics để tìm nạp dữ liệu về mức sử dụng tính năng in. "BLACK_AND_WHITE" Chỉ định rằng bạn đã sử dụng chế độ đen trắng. "COLOR" Chỉ định chế độ màu đã được sử dụng. "ONE_SIDED" Chỉ định rằng bạn đã sử dụng tính năng in một
chrome.input.ime
Sử dụng API chrome.input.ime để triển khai một IME tuỳ chỉnh cho Chrome OS. Điều này cho phép tiện ích của bạn xử lý thao tác nhấn phím, thiết lập thành phần và quản lý cửa sổ đề xuất. Bạn phải khai báo "dữ liệu đầu vào" quyền trong tệp kê khai tiện
chrome.fontSettings
Dùng API chrome.fontSettings để quản lý chế độ cài đặt phông chữ của Chrome. Để sử dụng Font Settings API, bạn phải khai báo chế độ cài đặt "fontSettings" quyền trong tiện ích tệp kê khai. Ví dụ: Chrome cho phép một số chế độ cài đặt phông chữ phụ
chrome.devtools.inspectedWindow
Sử dụng chrome.devtools.inspectedWindow API để tương tác với cửa sổ được kiểm tra: lấy mã thẻ cho trang được kiểm tra, đánh giá mã trong bối cảnh cửa sổ được kiểm tra, tải lại trang hoặc lấy danh sách tài nguyên trên trang. Bạn phải khai báo các khoá
chrome.platformKeys
Sử dụng API chrome.platformKeys để truy cập vào các chứng chỉ máy khách do nền tảng quản lý. Nếu người dùng hoặc chính sách cấp quyền, thì tiện ích có thể sử dụng một chứng chỉ đó trong giao thức xác thực tuỳ chỉnh. Ví dụ: điều này cho phép sử dụng
chrome.history
Dùng API chrome.history để tương tác với bản ghi của trình duyệt về các trang đã truy cập. Bạn có thể thêm, xoá và truy vấn URL trong nhật ký duyệt web của trình duyệt. Để ghi đè trang nhật ký bằng phiên bản của riêng bạn, hãy xem phần Ghi đè trang.
chrome.processes
Sử dụng API chrome.processes để tương tác với các quy trình của trình duyệt. số Một phần của bộ nhớ đệm được sử dụng, tính bằng byte. số Kích thước của bộ nhớ đệm, tính bằng byte. số không bắt buộc Kết quả đo lường gần đây nhất về mức sử dụng CPU của
chrome.tts
Dùng API chrome.tts để phát tính năng chuyển văn bản sang lời nói (TTS) được tổng hợp. Ngoài ra, hãy xem API ttsEngine có liên quan, giúp cho phép tiện ích triển khai công cụ chuyển lời nói. Chrome hỗ trợ riêng cho lời nói trên Windows (sử dụng SAPI
chrome.enterprise.hardwarePlatform
Dùng API chrome.enterprise.hardwarePlatform để biết nhà sản xuất và kiểu máy của nền tảng phần cứng mà trình duyệt chạy. Lưu ý: API này chỉ dành cho các tiện ích được cài đặt theo chính sách doanh nghiệp. string string Yêu cầu nhà sản xuất và kiểu
chrome.identity
Dùng API chrome.identity để nhận mã truy cập OAuth2. string Giá trị nhận dạng duy nhất của tài khoản. Mã này sẽ không thay đổi trong suốt thời gian hoạt động của tài khoản. "SYNC" Chỉ định rằng tính năng Đồng bộ hoá được bật cho tài khoản chính. "BẤT
chrome.dom
Dùng chrome.dom API để truy cập vào các API DOM đặc biệt cho Tiện ích Lấy gốc bóng mở hoặc gốc bóng đã đóng do phần tử được chỉ định lưu trữ. Nếu không đính kèm được gốc của bóng đổ, phần tử này sẽ trả về giá trị rỗng. HTMLElement đối tượng Hãy truy
chrome.devtools.recorder
Sử dụng API chrome.devtools.recorder để tuỳ chỉnh bảng điều khiển Trình ghi trong Công cụ cho nhà phát triển. Xem Tóm tắt API Công cụ cho nhà phát triển để biết giới thiệu chung về cách sử dụng API Công cụ dành cho nhà phát triển. API
chrome.tabCapture
Sử dụng API chrome.tabCapture để tương tác với luồng nội dung nghe nhìn trên thẻ. API chrome.tabCapture cho phép bạn truy cập vào MediaStream chứa video và âm thanh của thẻ hiện tại. Cuộc gọi chỉ có thể được gọi sau khi người dùng gọi một tiện ích,
chrome.webNavigation
Sử dụng API chrome.webNavigation để nhận thông báo về trạng thái của các yêu cầu điều hướng đang diễn ra. Tất cả phương thức và sự kiện chrome.webNavigation đều yêu cầu bạn khai báo "webNavigation" quyền trong tệp kê khai tiện ích. Ví dụ: Để hoàn tất
chrome.management
API chrome.management cung cấp các cách quản lý các ứng dụng và tiện ích đã cài đặt. Bạn phải khai báo quyền "quản lý" quyền sử dụng tính năng quản lý trong tệp kê khai tiện ích API. Ví dụ: management.getPermissionWarningsByManifest,
chrome.topSites
Dùng API chrome.topSites để truy cập vào các trang web hàng đầu (tức là các trang web được truy cập nhiều nhất) xuất hiện trên trang thẻ mới. Các phím tắt này không bao gồm các lối tắt do người dùng tuỳ chỉnh. Bạn phải khai báo các thuộc tính
chrome.search
Sử dụng API chrome.search để tìm kiếm qua nhà cung cấp mặc định. "CURRENT_TAB" Chỉ định rằng kết quả tìm kiếm xuất hiện trong thẻ gọi hoặc thẻ trên trình duyệt đang hoạt động. "NEW_TAB" Chỉ định rằng kết quả tìm kiếm hiển thị trong thẻ mới.
chrome.idle
Dùng API chrome.idle để phát hiện thời điểm trạng thái rảnh của máy thay đổi. Bạn phải khai báo trạng thái "không hoạt động" quyền trong tệp kê khai của tiện ích để sử dụng API ở trạng thái rảnh. Ví dụ: "đang hoạt động" "idle" "đã khoá" Lấy thời gian
chrome.wallpaper
Dùng API chrome.wallpaper để thay đổi hình nền ChromeOS. Bạn phải khai báo "hình nền" quyền trong tệp kê khai của ứng dụng để sử dụng API hình nền. Ví dụ: Ví dụ: để đặt hình nền làm hình ảnh tại https://example.com/a_file.png, bạn có thể gọi
chrome.types
API chrome.types chứa các nội dung khai báo loại cho Chrome. Nguyên mẫu ChromeSetting cung cấp một tập hợp các hàm phổ biến ( get(), set() và clear() ) cũng như nhà xuất bản sự kiện ( onChange ) cho các chế độ cài đặt của trình duyệt Chrome. Cài đặt
chrome.enterprise.deviceAttributes
Dùng API chrome.enterprise.deviceAttributes để đọc các thuộc tính của thiết bị. Lưu ý: API này chỉ dành cho các tiện ích buộc cài đặt theo chính sách doanh nghiệp. Tìm nạp thông tin vị trí do quản trị viên chú thích. Nếu người dùng hiện tại không
chrome.windows
Dùng API chrome.windows để tương tác với các cửa sổ trình duyệt. Bạn có thể sử dụng API này để tạo, sửa đổi và sắp xếp lại các cửa sổ trong trình duyệt. Khi được yêu cầu, windows.Window sẽ chứa một mảng các đối tượng tabs.Tab. Bạn phải khai báo quyền
chrome.systemLog
Dùng API chrome.systemLog để ghi lại nhật ký hệ thống Chrome từ các tiện ích. string Thêm một bản ghi nhật ký mới. MessageOptions Tuỳ chọn ghi nhật ký. hàm không bắt buộc Tham số callback sẽ có dạng như sau: Lời hứa<vô hiệu> Lời hứa chỉ được hỗ
chrome.pageCapture
Dùng API chrome.pageCapture để lưu thẻ dưới dạng MHTML. MHTML là định dạng chuẩn được hầu hết trình duyệt hỗ trợ. Chiến dịch này được gói gọn trong một tệp duy nhất của trang và tất cả tài nguyên của nó (tệp CSS, hình ảnh..). Lưu ý rằng vì lý do bảo
chrome.privacy
Dùng API chrome.privacy để kiểm soát việc sử dụng các tính năng trong Chrome có thể ảnh hưởng đến quyền riêng tư của người dùng. API này dựa vào nguyên mẫu Cài đặt Chrome của loại API để nhận và đặt cấu hình của Chrome. Bạn phải khai báo "quyền riêng
chrome.fileSystemProvider
Dùng API chrome.fileSystemProvider để tạo các hệ thống tệp. Bạn có thể truy cập các hệ thống này qua trình quản lý tệp trên Chrome OS. Bạn phải khai báo "fileSystemProvider" quyền và phần này trong tệp kê khai tiện ích để sử dụng API Nhà cung cấp hệ
chrome.power
Sử dụng API chrome.power để ghi đè các tính năng quản lý nguồn của hệ thống. Theo mặc định, hệ điều hành làm mờ màn hình khi người dùng không hoạt động và cuối cùng tạm ngưng hệ thống. Với API nguồn, ứng dụng hoặc tiện ích có thể giúp hệ thống luôn
chrome.notifications
Dùng API chrome.notifications để tạo thông báo đa dạng thức bằng các mẫu và hiện những thông báo này cho người dùng trong khay hệ thống. chuỗi không bắt buộc Biểu tượng nút không hiển thị đối với người dùng Mac OS X. string string Thông tin bổ sung
chrome.devtools.network
Sử dụng API chrome.devtools.network để truy xuất thông tin về các yêu cầu mạng do Công cụ cho nhà phát triển hiển thị trong bảng điều khiển Mạng. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. Xem Tóm tắt API Công cụ cho nhà
chrome.downloads
Quyền này kích hoạt một cảnh báo Sử dụng API chrome.downloads để khởi động, giám sát, thao tác và tìm kiếm tệp đã tải xuống theo phương thức lập trình. Bạn phải khai báo quyền "downloads" trong tệp kê khai tiện ích để sử dụng API này. Bạn có thể tìm
chrome.vpnProvider
Dùng API chrome.vpnProvider để triển khai ứng dụng VPN. Sau đây là cách sử dụng điển hình của vpnProvider: Tạo cấu hình VPN bằng phương thức createConfig. Cấu hình VPN là một mục nhập cố định mà người dùng nhìn thấy trong giao diện người dùng
chrome.proxy
Sử dụng API chrome.proxy để quản lý chế độ cài đặt proxy của Chrome. API này dựa vào nguyên mẫu cài đặt Chrome của loại API để nhận và đặt cấu hình proxy. Bạn phải khai báo "proxy" quyền sử dụng chế độ cài đặt proxy trong tệp kê khai tiện ích API. Ví
chrome.printerProvider
API chrome.printerProvider hiển thị những sự kiện mà trình quản lý máy in dùng để truy vấn máy in do các tiện ích kiểm soát, để truy vấn chức năng của các tiện ích đó và gửi các lệnh in đến những máy in này. chuỗi không bắt buộc Nội dung mô tả mà con
chrome.events
Không gian tên chrome.events chứa các loại phổ biến mà các API gửi sự kiện sử dụng để thông báo cho bạn khi có điều thú vị xảy ra. Event là một đối tượng cho phép bạn nhận thông báo khi có một điều gì đó thú vị xảy ra. Sau đây là một ví dụ về cách sử
chrome.events
Không gian tên chrome.events chứa các loại phổ biến mà các API gửi sự kiện sử dụng để thông báo cho bạn khi có điều thú vị xảy ra. Event là một đối tượng cho phép bạn nhận được thông báo khi có một điều gì đó thú vị xảy ra. Sau đây là một ví dụ về
chrome.idle
Dùng API chrome.idle để phát hiện thời điểm trạng thái rảnh của máy thay đổi. Bạn phải khai báo quyền "idle" trong tệp kê khai của tiện ích để sử dụng API ở trạng thái rảnh. Ví dụ: "đang hoạt động" "idle" "đã khoá" Lấy thời gian (tính bằng giây) cho
chrome.offscreen
Dùng API offscreen để tạo và quản lý tài liệu ngoài màn hình. Để sử dụng API ngoài màn hình, hãy khai báo quyền "offscreen" trong tệp kê khai tiện ích. Ví dụ: Trình chạy dịch vụ không có quyền truy cập DOM và nhiều trang web có chính sách bảo mật nội
chrome.pageCapture
Dùng API chrome.pageCapture để lưu thẻ dưới dạng MHTML. MHTML là định dạng chuẩn được hầu hết trình duyệt hỗ trợ. Chiến dịch này được gói gọn trong một tệp duy nhất của trang và tất cả tài nguyên của nó (tệp CSS, hình ảnh..). Lưu ý rằng vì lý do bảo
chrome.fileSystemProvider
Dùng API chrome.fileSystemProvider để tạo các hệ thống tệp. Bạn có thể truy cập các hệ thống này qua trình quản lý tệp trên Chrome OS. Bạn phải khai báo "fileSystemProvider" quyền và phần này trong tệp kê khai tiện ích để sử dụng API Nhà cung cấp hệ
chrome.dom
Dùng chrome.dom API để truy cập vào các API DOM đặc biệt cho Tiện ích Lấy gốc bóng mở hoặc gốc bóng đã đóng do phần tử được chỉ định lưu trữ. Nếu không đính kèm được gốc của bóng đổ, phần tử này sẽ trả về giá trị rỗng. HTMLElement đối tượng Hãy truy
chrome.debugger
API chrome.debugger đóng vai trò là một phương tiện thay thế cho giao thức gỡ lỗi từ xa của Chrome. Sử dụng chrome.debugger để đính kèm vào một hoặc nhiều thẻ nhằm đo lường tương tác mạng, gỡ lỗi JavaScript, thay đổi DOM và CSS, v.v. Sử dụng thuộc
chrome.management
API chrome.management cung cấp các cách quản lý các ứng dụng và tiện ích đã cài đặt. Bạn phải khai báo quyền "quản lý" quyền sử dụng tính năng quản lý trong tệp kê khai tiện ích API. Ví dụ: management.getPermissionWarningsByManifest(),
chrome.omnibox
API thanh địa chỉ cho phép bạn đăng ký từ khoá bằng thanh địa chỉ của Google Chrome, còn được gọi là thanh địa chỉ. Khi người dùng nhập từ khoá của tiện ích mở rộng, người dùng bắt đầu duy nhất tương tác với tiện ích. Mỗi thao tác nhấn phím sẽ được
chrome.downloads
Sử dụng API chrome.downloads để khởi động, giám sát, thao tác và tìm kiếm tệp đã tải xuống theo phương thức lập trình. Bạn phải khai báo quyền "downloads" trong tệp kê khai tiện ích để sử dụng API này. Bạn có thể tìm thấy các ví dụ đơn giản về cách
chrome.history
Dùng API chrome.history để tương tác với bản ghi của trình duyệt về các trang đã truy cập. Bạn có thể thêm, xoá và truy vấn URL trong nhật ký duyệt web của trình duyệt. Để ghi đè trang nhật ký bằng phiên bản của riêng bạn, hãy xem phần Ghi đè trang.
chrome.gcm
Sử dụng chrome.gcm để cho phép ứng dụng và tiện ích gửi và nhận tin nhắn thông qua Giải pháp gửi thông báo qua đám mây của Firebase (FCM). Kích thước tối đa (tính bằng byte) của tất cả các cặp giá trị/khoá trong một thông báo. 4096 Đăng ký ứng dụng
chrome.notifications
Dùng API chrome.notifications để tạo thông báo đa dạng thức bằng các mẫu và hiện những thông báo này cho người dùng trong khay hệ thống. chuỗi không bắt buộc Biểu tượng nút không hiển thị đối với người dùng Mac OS X. string string Thông tin bổ sung
chrome.instanceID
Sử dụng chrome.instanceID để truy cập vào dịch vụ mã phiên bản. Đặt lại giá trị nhận dạng phiên bản ứng dụng và thu hồi tất cả mã thông báo liên kết với giá trị đó. hàm không bắt buộc Tham số callback sẽ có dạng như sau: Lời hứa<vô hiệu> Lời
chrome.loginState
Dùng API chrome.loginState để đọc và theo dõi trạng thái đăng nhập. "XML_PROFILE" Chỉ định rằng tiện ích nằm trong hồ sơ đăng nhập. "USER_PROFILE" Chỉ định rằng tiện ích nằm trong hồ sơ người dùng. "UNKNOWN" Chỉ định rằng trạng thái phiên là không
chrome.platformKeys
Sử dụng API chrome.platformKeys để truy cập vào các chứng chỉ máy khách do nền tảng quản lý. Nếu người dùng hoặc chính sách cấp quyền, thì tiện ích có thể sử dụng một chứng chỉ đó trong giao thức xác thực tuỳ chỉnh. Ví dụ: điều này cho phép sử dụng
chrome.identity
Dùng API chrome.identity để nhận mã truy cập OAuth2. string Giá trị nhận dạng duy nhất của tài khoản. Mã này sẽ không thay đổi trong suốt thời gian hoạt động của tài khoản. "SYNC" Chỉ định rằng tính năng Đồng bộ hoá được bật cho tài khoản chính. "BẤT
chrome.sockets.tcp
Dùng API chrome.sockets.tcp để gửi và nhận dữ liệu qua mạng bằng kết nối TCP. API này thay thế chức năng TCP trước đó có trong API chrome.socket. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. số Mã của ổ cắm mới được tạo. Lưu ý
chrome.hid
Dùng API chrome.hid để tương tác với các thiết bị HID đã kết nối. API này cấp quyền truy cập vào các thao tác HID ngay trong bối cảnh của một ứng dụng. Khi sử dụng API này, các ứng dụng có thể hoạt động như trình điều khiển cho các thiết bị phần
chrome.fileSystem
Sử dụng API chrome.fileSystem để tạo, đọc, di chuyển và ghi vào hệ thống tệp cục bộ của người dùng. Với API này, Ứng dụng Chrome có thể đọc và ghi vào vị trí do người dùng chọn. Ví dụ: ứng dụng chỉnh sửa văn bản có thể sử dụng API này để đọc và ghi
chrome.sockets.tcpServer
Dùng API chrome.sockets.tcpServer để tạo ứng dụng máy chủ bằng kết nối TCP. API này thay thế chức năng TCP trước đó có trong API chrome.socket. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. số Mã kết quả được trả về từ lệnh gọi
chrome.app.window
Dùng API chrome.app.window để tạo cửa sổ. Cửa sổ có khung tuỳ chọn với thanh tiêu đề và các chế độ kiểm soát kích thước. Các tài khoản này không liên kết với bất kỳ cửa sổ trình duyệt Chrome nào. Xem Mẫu trạng thái cửa sổ để biết minh hoạ về các tuỳ
chrome.system.network
Sử dụng API chrome.system.network. string Địa chỉ IPv4/6 hiện có. string Tên cơ bản của bộ chuyển đổi. Trên *nix, giá trị này thường là "eth0", "wlan0", v.v. số Độ dài tiền tố Truy xuất thông tin về bộ điều hợp cục bộ trên hệ thống này. hàm không bắt
chrome.mediaGalleries
Dùng API chrome.mediaGalleries để truy cập vào các tệp đa phương tiện (âm thanh, hình ảnh, video) từ ổ đĩa cục bộ của người dùng (khi có sự đồng ý của người dùng). string boolean string Xác định thư viện đã sửa đổi. GalleryChangeType Loại sự kiện
Ghi nhật ký
Theo mặc định, ChromeDriver chỉ ghi lại các cảnh báo/lỗi vào stderr. Khi gỡ lỗi các vấn đề cụ thể, sẽ rất hữu ích nếu bạn cho phép ghi nhật ký chi tiết hơn. Để bật tính năng ghi nhật ký chi tiết, bạn chỉ cần truyền --verbose đến máy chủ
Bắt đầu sử dụng ChromeDriver
Trang này trình bày cách bắt đầu sử dụng ChromeDriver để thử nghiệm trang web của bạn trên máy tính để bàn (Windows/Mac/Linux). Bạn cũng có thể đọc Bắt đầu với Android hoặc Bắt đầu sử dụng ChromeOS. ChromeDriver là một tệp thực thi riêng biệt mà
Tiện ích của Chrome
Tiện ích của Chrome có thể được đóng gói hoặc giải nén. Để đóng gói một tiện ích đã giải nén, hãy dùng nút Đóng gói trong chrome://extensions hoặc sử dụng Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension
Chrome 129 phiên bản thử nghiệm
Xem trước bản phát hành Chrome tiếp theo qua bài đăng này trình bày chi tiết các tính năng trong phiên bản beta hiện tại.
Tuỳ chỉnh dữ liệu hiệu suất bằng API khả năng mở rộng
Tuỳ chỉnh dữ liệu hiệu suất bằng API khả năng mở rộng
chrome.browsingData
Dùng API chrome.browsingData để xoá dữ liệu duyệt web khỏi hồ sơ trên máy của người dùng. Bạn phải khai báo quyền "browsingData" trong tệp kê khai tiện ích để sử dụng API này. Trường hợp sử dụng đơn giản nhất cho API này là cơ chế dựa trên thời gian
chrome.system.memory
API chrome.system.memory. số Dung lượng hiện có, tính bằng byte. số Tổng dung lượng bộ nhớ thực tế, tính bằng byte. Lấy thông tin về bộ nhớ thực. hàm không bắt buộc Tham số callback sẽ có dạng như sau: MemoryInfo Promise&lt; MemoryInfo &gt;
chrome.desktopCapture
Desktop Capture API ghi lại nội dung của màn hình, từng cửa sổ hoặc từng thẻ. Enum dùng để xác định tập hợp các nguồn nội dung nghe nhìn trên máy tính được dùng trong chooseDesktopMedia(). "màn hình" "window" "thẻ" "audio" Gương
chrome.documentScan
Sử dụng API chrome.documentScan để khám phá và truy xuất hình ảnh qua trình quét tài liệu đính kèm. API Quét tài liệu được thiết kế để cho phép các ứng dụng và tiện ích xem nội dung của tài liệu giấy trên máy quét tài liệu đính kèm. string Cung cấp
chrome.dns
Dùng API chrome.dns để giải quyết DNS. Để sử dụng API này, bạn phải khai báo quyền "dns" trong tệp kê khai. Đoạn mã sau đây gọi resolve() để truy xuất địa chỉ IP của example.com. service-worker.js: chuỗi không bắt buộc Một chuỗi đại diện cho giá trị
chrome.declarativeWebRequest
Lưu ý: API này không còn được dùng nữa. Hãy chuyển sang dùng thử API declarativeNetRequest. Dùng API chrome.declarativeWebRequest để chặn, chặn hoặc sửa đổi các yêu cầu đang diễn ra. API này nhanh hơn đáng kể so với API chrome.webRequest vì bạn có
Tài liệu tham khảo API
Tài liệu tham khảo đầy đủ đến tất cả API được cung cấp cho Tiện ích của Chrome. Điều này bao gồm các API dành cho nền tảng Ứng dụng Chrome không dùng nữa, cũng như các API vẫn đang ở giai đoạn thử nghiệm và phát triển.
Chrome DevTools
Gỡ lỗi và tối ưu hoá ứng dụng web bằng Công cụ của Chrome cho nhà phát triển.
Bản dùng thử theo nguyên gốc File System Observer API
Nhóm Chrome đang thử nghiệm với một API File System Observer mới nhằm thông báo cho nhà phát triển về những thay đổi đối với hệ thống tệp.
Tính năng mới trong WebGPU (Chrome'128)
Thử nghiệm với các nhóm con, ngừng thiết lập độ chệch cho các đường và điểm, ẩn cảnh báo Công cụ cho nhà phát triển về lỗi không bị thu thập nếu preventDefault, WGSL nội suy lấy mẫu trước và một trong hai, cùng nhiều thao tác khác.
Cải thiện hiệu suất hỗ trợ tiếp cận của Chromium
Bài đăng của Ahmed Elwasefi, chia sẻ về cách anh trở thành cộng tác viên của Chromium thông qua chương trình Google Summer of Code.
Tạo ứng dụng bằng WebGPU
Tìm hiểu cách tạo ứng dụng bằng WebGPU dành cho web và các nền tảng cụ thể.
Tính năng mới trong Chrome 128
Chrome 128 hiện đã ra mắt! Với khả năng hiển thị tốt hơn cho các phần tử ruby có ngắt dòng, Promise.try để bắt đầu chuỗi Promise dễ dàng hơn, giao diện PointerEvent được mở rộng để xác định duy nhất nhiều bút và còn rất nhiều tính năng khác nữa. Adriana Jara có đầy đủ thông tin về những tính năng mới dành cho nhà phát triển trong Chrome 128.
Chrome 128
Chrome 128 sẽ bắt đầu ra mắt vào ngày 20 tháng 8 năm 2024, với thuộc tính ruby-align của CSS, Promise.try và nhiều tính năng khác.
Nội dung nghe nhìn: Xem và gỡ lỗi thông tin về trình phát nội dung nghe nhìn
Sử dụng Bảng điều khiển nội dung nghe nhìn để xem thông tin và gỡ lỗi trình phát nội dung nghe nhìn trên mỗi thẻ trình duyệt.
chrome.alarms
Sử dụng API chrome.alarms để lên lịch cho mã chạy định kỳ hoặc vào một thời điểm được chỉ định trong tương lai. Để sử dụng API chrome.alarms, hãy khai báo quyền "alarms" trong tệp kê khai: Các ví dụ sau đây minh hoạ cách sử dụng và phản hồi chuông
chrome.contextMenus
Dùng API chrome.contextMenus để thêm mục vào trình đơn theo bối cảnh của Google Chrome. Bạn có thể chọn loại đối tượng mà phần bổ sung của trình đơn theo bối cảnh sẽ áp dụng, chẳng hạn như hình ảnh, siêu liên kết và trang. Các mục trong trình đơn ngữ
chrome.audio
API chrome.audio được cung cấp để cho phép người dùng nhận thông tin và kiểm soát các thiết bị âm thanh được kết nối với hệ thống. API này hiện chỉ hoạt động ở chế độ kiosk dành cho ChromeOS. string Tên thiết bị. DeviceType Loại thiết bị. string Tên
chrome.debugger
API chrome.debugger đóng vai trò là một phương tiện thay thế cho giao thức gỡ lỗi từ xa của Chrome. Sử dụng chrome.debugger để đính kèm vào một hoặc nhiều thẻ nhằm đo lường tương tác mạng, gỡ lỗi JavaScript, thay đổi DOM và CSS, v.v. Sử dụng thuộc
chrome.declarativeContent
Hãy dùng API chrome.declarativeContent để thực hiện thao tác tuỳ thuộc vào nội dung của trang mà không yêu cầu quyền đọc nội dung của trang. Khai báo Content API cho phép bạn bật thao tác của tiện ích tuỳ thuộc vào URL của trang web hoặc nếu công cụ
chrome.commands
Sử dụng API lệnh để thêm phím tắt kích hoạt thao tác trong tiện ích của bạn, ví dụ: thao tác để mở thao tác trên trình duyệt hoặc gửi lệnh đến tiện ích. Bạn phải khai báo các khoá sau trong tệp kê khai để sử dụng API này. Commands API cho phép nhà
chrome.browsingData
Dùng API chrome.browsingData để xoá dữ liệu duyệt web khỏi hồ sơ trên máy của người dùng. Bạn phải khai báo "browsingData" quyền trong tệp kê khai tiện ích để sử dụng API này. Trường hợp sử dụng đơn giản nhất cho API này là cơ chế dựa trên thời gian
API Truy cập hệ thống tệp: đơn giản hoá quyền truy cập vào các tệp cục bộ
API Truy cập hệ thống tệp cho phép nhà phát triển xây dựng các ứng dụng web mạnh mẽ có khả năng tương tác với các tệp trên thiết bị cục bộ của người dùng, chẳng hạn như IDE, trình chỉnh sửa ảnh và video, trình chỉnh sửa văn bản, v.v. Sau khi người dùng cấp quyền truy cập vào ứng dụng web, API này cho phép họ đọc hoặc lưu trực tiếp các thay đổi vào tệp và thư mục trên thiết bị của người dùng.
API tóm tắt hiện đã có bản dùng thử sớm
Giờ đây, người tham gia EPP có thể tạo nguyên mẫu bằng API tóm tắt cho Gemini Nano trong Chrome.
Sự kiện Scroll Snap
Ra mắt hai sự kiện JavaScript mới: scrollSnapChange và scrollSnapChange.
Thử nghiệm việc đo lường thao tác điều hướng mềm
Nhóm Chrome đang nỗ lực để đo lường tốt hơn tính năng điều hướng mềm được Ứng dụng trang đơn sử dụng và hiện có một API mới được cung cấp đằng sau một lá cờ để cho phép các trang web thử nghiệm tính năng này.
4 cách chụp ảnh màn hình bằng Công cụ cho nhà phát triển
Khám phá 4 cách độc đáo để chụp ảnh màn hình bằng Công cụ cho nhà phát triển.
WebDriver BiDi đã sẵn sàng hoạt động trên Firefox, Chrome và Puppeteer
Puppeteer 23 giới thiệu dịch vụ hỗ trợ ổn định cho Firefox 129 trở lên, cung cấp API hợp nhất để tự động hoá Chrome và Firefox, dựa trên WebDriver BiDi.
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 128
Thông tin chi tiết về bảng điều khiển xuất hiện ở Châu Âu, kênh và API nâng cao cho mạng để tuỳ chỉnh các kênh trong bảng Hiệu suất, v.v.
Blog
Tin tức mới nhất từ nhóm Quan hệ với nhà phát triển Chrome
Bản cập nhật về trải nghiệm người dùng với khoá truy cập trong Chrome trên Android
Chrome trên Android nay tích hợp Trình quản lý thông tin xác thực, cho phép trình quản lý mật khẩu của bên thứ ba cung cấp khoá truy cập trên Android 14 trở lên
Tham gia thử nghiệm AI tích hợp sẵn trên Chrome
Bản cập nhật về AI tích hợp sẵn, Prompt API và các gói AI của Chrome.
Tên CSS do tác giả xác định và DOM bóng: Trong quy cách và trong thực tế
Giải thích trạng thái khả năng tương tác hiện tại của tên do tác giả xác định khi sử dụng trong DOM bóng trong CSS.
Tự động hoá bằng WebDriver BiDi hiện có trên BrowserStack
BrowserStack ra mắt tính năng hỗ trợ WebDriver BiDi: Cải thiện hoạt động kiểm thử Lưới Selenium bằng tính năng tự động hóa hướng sự kiện.
Ngoài biểu thức chính quy: Nâng cao tính năng phân tích cú pháp giá trị CSS trong Công cụ của Chrome cho nhà phát triển
Tìm hiểu cách nhóm Công cụ cho nhà phát triển cải thiện cách trình bày kiểu trong thẻ Kiểu.
API CrUX
Tìm hiểu cách tạo yêu cầu và phân tích cú pháp phản hồi qua CrUX API.
Tải trang nhanh hơn nhờ thời gian suy nghĩ của máy chủ nhờ tính năng Gợi ý sớm
Tìm hiểu cách máy chủ của bạn có thể gửi gợi ý cho trình duyệt về các tài nguyên phụ quan trọng.
API lịch sử CrUX
Tìm hiểu cách truy vấn các xu hướng CrUX trước đây trong 6 tháng trước bằng API Lịch sử CrUX.
<ruby> có thể phá vỡ dòng và CSS ruby-align
Phần tử ruby có thể ngắt dòng và thuộc tính CSS ruby-align
Bảng điều khiển mạng: Phân tích tải và tài nguyên mạng
Phân tích tải và tài nguyên mạng
Chrome 128 phiên bản thử nghiệm
Xem trước bản phát hành Chrome tiếp theo qua bài đăng này trình bày chi tiết các tính năng trong phiên bản beta hiện tại.
Tính năng mới trong WebGPU (Chrome'127)
Hỗ trợ thử nghiệm cho OpenGL ES trên Android, thuộc tính thông tin GPUAdapter, cải thiện khả năng tương tác WebAssembly và nhiều tính năng khác.
Tính năng mới trong Chrome 127
Chrome 127 hiện đã ra mắt! Với khả năng hỗ trợ điều chỉnh kích thước phông chữ, các thao tác kích hoạt của người dùng được phổ biến trong API hình trong hình của tài liệu, các vùng chứa cuộn có thể làm tâm điểm bằng bàn phím và còn nhiều tính năng khác nữa. Adriana Jara có đầy đủ thông tin về những tính năng mới dành cho nhà phát triển trong Chrome 127.
Cách Chrome giúp người dùng cài đặt những ứng dụng mà họ coi trọng
Nghiên cứu nội bộ của Chrome về người dùng cho thấy nhiều người đánh giá cao việc cài đặt ứng dụng web. Có nhiều lợi ích như: Chrome và các nhà phát triển web có thể giúp bạn theo nhiều cách, bao gồm cả một tính năng mới về việc quảng bá công nghệ
Chrome 127
Chrome 127 sẽ bắt đầu ra mắt vào ngày 23 tháng 7 năm 2024, với tính năng điều chỉnh kích thước phông chữ CSS, vùng chứa cuộn có thể làm tâm điểm bằng bàn phím và nhiều tính năng khác nữa.
Yêu cầu nhà phát triển phản hồi về quy trình đọc và các phần tử có màn hình: nội dung
Hãy giúp chúng tôi đảm bảo quy trình đọc đáp ứng nhu cầu của bạn.
Tuỳ chọn
Tài liệu tham khảo về thẻ lựa chọn ưu tiên.
Tài liệu tham khảo về các tính năng mạng
Tài liệu tham khảo toàn diện về các tính năng của bảng điều khiển Mạng Chrome cho nhà phát triển.
Bảng điều khiển Máy ghi âm: Ghi lại và đo lường luồng người dùng
Phân tích và ghi lại luồng người dùng.
Quan niệm sai lầm về hiệu ứng chuyển đổi khung hiển thị
Ngày càng có nhiều người bắt đầu tìm hiểu về View Transition API. Đã đến lúc làm rõ một số quan niệm sai lầm.
Tiện ích của Chrome: Nội dung cập nhật chính sách quan trọng
Thông báo này bao gồm một loạt nội dung cập nhật đối với trang Chính sách chương trình dành cho nhà phát triển nhằm khuyến khích việc phát triển các sản phẩm chất lượng cao, ngăn chặn hành vi lừa đảo và đảm bảo sự đồng ý của người dùng một cách sáng suốt.
Điều gì đang xảy ra trong Tiện ích của Chrome?
Tổng quan về những thay đổi gần đây đối với Tiện ích của Chrome, cùng với các tính năng thú vị sắp tới đối với tiện ích mà nhà phát triển có thể mong đợi.
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 127
Định vị neo CSS trong Phần tử, nâng cao 'Không bao giờ tạm dừng ở đây' trong Nguồn, trình nghe sự kiện chụp nhanh cuộn mới, cài đặt trước điều tiết mạng cập nhật, v.v.
Chế độ kiểm tra: Phân tích nhanh các thuộc tính của phần tử
Kiểm tra các phần tử trên ứng dụng web của bạn
Tài liệu tham khảo về các tính năng hiệu suất
Tài liệu tham khảo về tất cả các cách ghi lại và phân tích hiệu suất trong Công cụ của Chrome cho nhà phát triển.
Long Animation Frame API hiện đã được vận chuyển
API khung hoạt ảnh dài (LoAF) đã được chuyển từ Chrome 123 và chúng tôi hiện cũng cập nhật công cụ và hướng dẫn của mình để giúp bạn khai thác tối đa API mới này.
Thêm các loại đáng tin cậy vào YouTube
YouTube đang tăng cường bảo mật nền tảng bằng các Loại đáng tin cậy nhằm ngăn chặn các cuộc tấn công tập lệnh trên nhiều trang web. Tuy nhiên, biện pháp này có thể ảnh hưởng đến tiện ích của bạn.
Tránh kích thước DOM quá lớn
Tìm hiểu xem một DOM lớn có thể làm giảm hiệu suất trang web của bạn như thế nào và cách bạn có thể giảm kích thước của DOM tại thời điểm tải.
Trình kết xuất trước trang trong Chrome để di chuyển trang tức thì
Nhóm Chrome đang nỗ lực tìm ra các tuỳ chọn để hiển thị trước toàn bộ các trang trong tương lai mà người dùng có thể sẽ truy cập.
Đằng sau Cửa hàng Chrome trực tuyến: Đặt câu hỏi cho vấn đề Tin cậy và An toàn
Chúng tôi đã thảo luận với nhóm phụ trách đánh giá trong Cửa hàng Chrome trực tuyến.
Hiệu suất IndexedDB tối đa với Bộ chứa lưu trữ
Nhóm Chrome đã thực hiện một số cải tiến liên quan đến hiệu suất trong việc triển khai IndexedDB (IDB).
Tính năng mới trong WebGPU (Chrome'126)
Tăng giới hạn maxTextureArrayLayer, tối ưu hoá việc tải vùng đệm lên cho phần phụ trợ Vulkan, cải thiện thời gian biên dịch chương trình đổ bóng, các vùng đệm lệnh đã gửi phải là duy nhất và các bản cập nhật của Dawn.
Bản dùng thử theo nguyên gốc cho phần tử HTML <permission> mới
Nhóm Chrome đang thử nghiệm một phần tử <permission> HTML mang tính khai báo mới để yêu cầu người dùng cấp quyền truy cập vào các tính năng mạnh mẽ.
Lưu các mô hình AI vào bộ nhớ đệm trong trình duyệt
Để các ứng dụng sử dụng trí tuệ nhân tạo (AI) chạy nhanh hơn trong tương lai, hãy lưu dữ liệu mô hình trên thiết bị vào bộ nhớ đệm một cách rõ ràng.
Chrome 127 phiên bản beta
Kiểm tra các tính năng mới nhất sắp ra mắt cho Chrome bằng cách tải bản beta.
Chrome 126
Chrome 126 sẽ ra mắt vào ngày 11 tháng 6 năm 2024, với các tính năng chuyển đổi chế độ xem tài liệu trên nhiều tài liệu, bật lại API CloseWatcher, khởi động nhanh cho API Gamepad và nhiều tính năng khác.
Thông tin mới nhất về CSS và giao diện người dùng web: Tóm tắt sự kiện I/O 2024
Đọc tất cả thông báo về CSS và giao diện người dùng web tại Google I/O 2024.
Tính năng mới trong Chrome 126
Chrome 126 hiện đã ra mắt! Với sự hỗ trợ cho việc chuyển đổi giữa nhiều tài liệu trong API ViewTransitions, API CloseWatcher đã được kích hoạt lại, điều kiện kích hoạt cho API Gamepad và còn nhiều tính năng khác nữa. Adriana Jara có đầy đủ thông tin chi tiết về những tính năng mới dành cho nhà phát triển trong Chrome 126.
Ngừng sử dụng sự kiện huỷ tải
Kể từ Chrome 117, sự kiện huỷ tải sẽ dần ngừng hoạt động. Tìm hiểu ý nghĩa của việc này cũng như cách các trang web và doanh nghiệp có thể chuẩn bị cho việc này
Giám sát giao thức: Xem và gửi yêu cầu CDP
Theo dõi các yêu cầu và phản hồi CDP.
3 tính năng mới giúp tuỳ chỉnh quy trình về hiệu suất của bạn trong Công cụ cho nhà phát triển
Tìm hiểu về các tính năng mới nhất giúp bạn sắp xếp gọn gàng bảng điều khiển Hiệu suất và tập trung vào thông tin bạn cần nhất
Chrome UX Report
Tài liệu kỹ thuật về các chỉ số CrUX.
Phân tích hiệu suất của bộ chọn CSS trong quá trình Tính toán lại các sự kiện Kiểu
Phân tích hiệu suất của bộ chọn CSS trong các sự kiện Tính toán lại kiểu.
Lọc nội dung
Thông tin giải thích về tính năng lọc nội dung và cách sử dụng tính năng này trong Tiện ích của Chrome.
Bỏ qua quy trình xem xét đối với các thay đổi đủ điều kiện đối với phần mở rộng
Chúng tôi rất vui được thông báo một tính năng mới cho phép nhà phát triển bỏ qua quy trình xem xét đối với các thay đổi đủ điều kiện đối với tiện ích Manifest V3 bằng cách sử dụng Declarative Net Request API.
Không có thẻ có chiều rộng hoặc tỷ lệ ban đầu
Tìm hiểu về bài kiểm tra "Không có thẻ có chiều rộng hoặc tỷ lệ ban đầu" của Lighthouse.
Điều kiện mạng: Ghi đè chuỗi tác nhân người dùng
Tìm hiểu cách mô phỏng các trình duyệt khác bằng bảng điều khiển Tình trạng mạng.
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 126
Cải thiện chế độ cấu hình kênh, danh sách bỏ qua trong biểu đồ hình ngọn lửa và điều tiết CPU đi 20 lần trong bảng điều khiển Hiệu suất, cùng nhiều tính năng khác.
Gỡ lỗi JavaScript
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để tìm và khắc phục lỗi JavaScript.
Các tiện ích của Chrome tại Google I/O 2024
Một sự kiện Google I/O khác đã ở phía sau chúng tôi và chúng tôi đã trình bày tất cả những nội dung cập nhật thú vị về các tiện ích!
Gỡ lỗi các quy tắc suy đoán bằng Công cụ của Chrome cho nhà phát triển
Tìm hiểu tất cả về các tính năng Công cụ của Chrome cho nhà phát triển để gỡ lỗi các quy tắc suy đoán dùng để tìm nạp trước và kết xuất trước các hoạt động điều hướng trang trong tương lai.
Bảng điều khiển nguồn nhanh
Xem các tệp nguồn và có quyền truy cập vào các công cụ khác.
Cải tiến WebAssembly và WebGPU để giúp web AI hoạt động nhanh hơn, phần 1
Phần 1/2. Tìm hiểu cách các tính năng nâng cao của WebAssembly và WebGPU giúp cải thiện hiệu suất học máy trên web.
Tổng kết I/O Web AI 2024: Các mô hình, công cụ và API mới cho ứng dụng web tiếp theo
Đọc thông tin tóm tắt từ công nghệ AI trên web tại I/O 2024. Tìm hiểu về các mô hình, công cụ và API mới cho ứng dụng web tiếp theo của bạn.
Tính năng mới trong Khung JavaScript (tháng 5 năm 2024)
Tài liệu này cung cấp thông tin nổi bật ngắn gọn về những diễn biến gần đây trong hệ sinh thái khung JavaScript.
Các tính năng nâng cao WebAssembly và WebGPU để AI trên web nhanh hơn, phần\"2
Phần 2/2. Tìm hiểu cách các tính năng nâng cao của WebAssembly và WebGPU cải thiện hiệu suất học máy trên web.
Bảng điều khiển trình theo dõi hiệu suất
Phân tích hiệu suất thời gian chạy của trang web theo thời gian thực.
Có gì mới khi chuyển đổi chế độ xem? (Nội dung cập nhật Google I/O 2024)
Thông báo về chuyển đổi chế độ xem nhiều tài liệu cho MPA, chuyển đổi chế độ xem có chọn lọc với các loại đang hoạt động và chia sẻ kiểu ảnh động với lớp chuyển đổi khung hiển thị.
Chrome 126 phiên bản thử nghiệm
Chrome 126 Beta có các hiệu ứng chuyển đổi chế độ xem nhiều tài liệu, cùng với tiện ích kích hoạt API Gamepad và các tính năng khác.
Khuyến khích các bài đánh giá sản phẩm hữu ích bằng AI trên web phía máy khách
Lớp học lập trình sau đây cung cấp AI phía máy khách. Không cần kiến thức phát triển AI, máy chủ hoặc khoá API.
Đánh giá bài đánh giá sản phẩm bằng AI
AI trên thiết bị là tính năng mới nhất giúp mang đến cho người dùng những mô hình mạnh mẽ, đồng thời bảo vệ dữ liệu nhạy cảm và giảm độ trễ.
Ra mắt tính năng hỗ trợ UIA trên Windows
Từ Chrome 126, hệ thống sẽ hỗ trợ khung Tự động hoá giao diện người dùng của Windows.
Hỗ trợ SVG cho API Bảng nhớ tạm không đồng bộ
API Bảng nhớ tạm không đồng bộ hiện có thể xử lý hình ảnh SVG.
Mẹo cho Công cụ cho nhà phát triển: Ghi đè và mô phỏng phản hồi mạng
Tìm hiểu cách ghi đè và mô phỏng phản hồi mạng bằng Công cụ cho nhà phát triển.
Tính năng mới trong Chrome 125
Chrome 125 hiện đã ra mắt! Với API Định vị neo CSS, API Áp suất tính toán, bản mở rộng sang Storage Access API và nhiều tính năng khác. Adriana Jara có tất cả thông tin chi tiết về những tính năng mới dành cho nhà phát triển trong Chrome 125.
10 nội dung cập nhật tại Google I/O 2024: Khai phá sức mạnh của AI cho mọi nhà phát triển web
Khám phá các tính năng thú vị trong Bài phát biểu khai mạc tại Google I/O dành cho nhà phát triển và các phiên thảo luận.
Chrome 125
Chrome 125 sẽ bắt đầu ra mắt vào ngày 14 tháng 5 năm 2024, với tính năng Định vị neo CSS, API Áp suất tính toán, các tính năng mới của Cơ sở và nhiều tính năng khác.
Ghi đè cục bộ nội dung web và tiêu đề phản hồi HTTP
Sử dụng cơ chế ghi đè cục bộ để mô phỏng tài nguyên từ xa và lưu giữ những thay đổi bạn thực hiện trong Công cụ cho nhà phát triển trong mỗi lần tải trang.
Trường hợp nên chọn AI phía máy khách
AI phía máy khách là sản phẩm mới nhất để mang đến cho người dùng các mô hình mạnh mẽ, đồng thời bảo vệ dữ liệu nhạy cảm và cải thiện độ trễ.
Cách Spotify sử dụng API Hình trong hình để tạo Trình phát thu nhỏ Spotify
Tìm hiểu về sự biến đổi của Spotify Miniplayer từ một trò chơi "canvas hack" sang một trải nghiệm tinh tế được hỗ trợ bởi API Hình trong hình của Tài liệu.
Tìm hiểu rõ hơn về lỗi và cảnh báo thông qua thông tin chi tiết trên bảng điều khiển
Hiểu rõ hơn về các lỗi và cảnh báo trong Bảng điều khiển nhờ Gemini.
Giới thiệu API định vị neo CSS
Định vị các phần tử tương ứng với nhau bằng cách sử dụng API định vị neo mới.
Triển khai hoạt động kiểm thử trong doanh nghiệp bằng Chrome
Tìm hiểu cách vượt qua thách thức bằng cách kiểm thử trong môi trường doanh nghiệp
Các công cụ của Chrome giúp kiểm thử tự động và suôn sẻ
Tổng quan ngắn gọn về Puppeteer, Chrome Headless và Chrome for Testing cùng các tài nguyên khác của nhóm Công cụ Chrome.
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 125
Nguyên nhân gây lỗi trong Bảng điều khiển, số liệu thống kê của bộ chọn CSS trong Hiệu suất, tiêu đề Gợi ý sớm trong Mạng, v.v.
Tính năng mới trong WebGPU (Chrome'125)
Các nhóm con đang phát triển và kết xuất vào lát cắt hoạ tiết 3D.
Xem nghiên cứu điển hình về việc chuyển đổi
redBus, Policybazaar và Tokopedia đều sử dụng API chuyển đổi chế độ xem và hưởng lợi từ hiệu suất tốt hơn cũng như giao diện người dùng mượt mà.
Nghiên cứu điển hình về truy vấn vùng chứa
Tìm hiểu các lợi ích của các cụm từ tìm kiếm liên quan đến vùng chứa của redBus và Tokopedia.
nghiên cứu điển hình về :has()
Tìm hiểu cách Policybazaar và Tokopedia hưởng lợi khi sử dụng :has().
Vì sao các chức năng của CSS và giao diện người dùng lại quan trọng đối với trang web thương mại điện tử của bạn?
Tìm hiểu cách trang web thương mại điện tử hưởng lợi từ việc triển khai các tính năng mới nhất về CSS và giao diện người dùng – hiệu ứng chuyển đổi khung hiển thị, ảnh động di chuyển theo thao tác cuộn, API cửa sổ bật lên, v.v.
Nghiên cứu điển hình về ảnh động điều hướng cuộn
Khám phá các lợi ích của ảnh động điều hướng cuộn với Policybazaar, redBus và Tokopedia.
Giới thiệu "Khai thác sức mạnh của Ảnh động chuyển động cuộn"
Khoá học gồm 10 phần qua video để tìm hiểu mọi kiến thức về ảnh động dạng cuộn
Tổng quan về WebGPU
WebGPU cho phép đồ hoạ 3D hiệu suất cao và tính toán song song dữ liệu trên web.
Đề xuất thay thế cho khối xây CSS
Đề xuất xác định khối xây và lưới theo các thông số kỹ thuật khác nhau.
Manifest - Phiên bản Chrome tối thiểu
Tài liệu tham khảo về thuộc tính smallest_chrome_version của tệpManifest.json.
Nghiên cứu điển hình về cửa sổ bật lên
Tokopedia sử dụng API Popover để giảm số lượng mã trong ứng dụng.
Sắp hết thời gian dùng thử Quyền truy cập mạng riêng (PNA) cho các bối cảnh không an toàn. Hãy triển khai lời nhắc cấp quyền PNA
Để truy cập vào thiết bị mạng riêng từ một trang web không thể chuyển đổi sang HTTPS, bạn phải sử dụng lời nhắc cấp quyền để giảm bớt việc kiểm tra nội dung hỗn hợp.
Cuộn và thu phóng thẻ đã ghi lại
API Kiểm soát giao diện đã chụp cho phép các ứng dụng web cuộn và thu phóng các thẻ đã chụp.
WebAudio: Xem chỉ số API WebAudio
Xem chỉ số API WebAudio trong bảng điều khiển WebAudio
Tệp kê khai – Mã thông báo dùng thử
Tài liệu tham khảo về thuộc tính trial_tokens của manifest.json.
Chrome 125 phiên bản thử nghiệm
Tính năng Định vị neo CSS, các hàm bước CSS, Compute Compute API và các hàm khác.
Không có cảm giác như khi chuyển tiếp trang bị chặn trên mạng
Tìm hiểu cách làm cho quá trình chuyển đổi giữa các trang web cảm thấy phản hồi nhanh, ngay cả khi mạng chậm.
Bản dùng thử theo nguyên gốc của API có thể gập lại
API có thể gập lại là 2 API trong Chrome được thiết kế để giúp nhà phát triển nhắm đến các thiết bị có thể gập lại.
start_url không phản hồi với mã 200 khi không có mạng
Tìm hiểu cách định cấu hình start_url của Ứng dụng web tiến bộ để có thể truy cập ứng dụng của bạn khi không có mạng.
Không cung cấp apple-Touch-icon hợp lệ
Tìm hiểu cách chỉ định biểu tượng mà Ứng dụng web tiến bộ của bạn hiển thị trên màn hình chính của iOS.
Chưa được định cấu hình cho màn hình chờ tuỳ chỉnh
Tìm hiểu cách tạo màn hình chờ tuỳ chỉnh cho Ứng dụng web tiến bộ.
Kích thước của nội dung không phù hợp với khung nhìn
Tìm hiểu cách định kích thước nội dung trang web cho vừa với màn hình thiết bị di động.
Tệp kê khai ứng dụng web không đáp ứng các yêu cầu về khả năng cài đặt
Tìm hiểu cách làm cho Ứng dụng web tiến bộ có thể cài đặt.
Không cung cấp nội dung dự phòng khi JavaScript không có sẵn
Tìm hiểu cách đảm bảo người dùng có thể xem ít nhất một số nội dung trên trang web của bạn khi JavaScript không có sẵn.
Không đăng ký một trình chạy dịch vụ kiểm soát trang và start_url
Tìm hiểu cách đăng ký trình chạy dịch vụ hỗ trợ các tính năng của Ứng dụng web tiến bộ như chức năng ngoại tuyến, thông báo đẩy và khả năng cài đặt.
Ảnh động: Kiểm tra và sửa đổi các hiệu ứng ảnh động CSS
Kiểm tra và sửa đổi ảnh động bằng bảng điều khiển Ảnh động.
Không sử dụng HTTPS
Tìm hiểu cách bảo vệ trang web của bạn bằng HTTPS.
Không đặt màu giao diện cho thanh địa chỉ
Tìm hiểu cách đặt màu giao diện thanh địa chỉ cho Ứng dụng web tiến bộ.
Tự động điền: Kiểm tra và gỡ lỗi địa chỉ đã lưu
Kiểm tra và gỡ lỗi các địa chỉ đã lưu trong Chrome bằng bảng điều khiển Tự động điền.
Không chuyển hướng lưu lượng truy cập HTTP đến HTTPS
Tìm hiểu cách tăng cường tính bảo mật cho trang web của bạn bằng cách chuyển hướng tất cả các trang sang HTTPS.
Chrome 124
Chrome 124 sẽ bắt đầu ra mắt vào ngày 16 tháng 4 năm 2024, trong đó có setHTMLUnsafe, phát trực tuyến trong WebSockets và còn nhiều tính năng khác.
Điều tiết
Tham chiếu thẻ điều tiết.
Hiện tại, để truy cập vào thiết bị MIDI cần có sự cho phép của người dùng
Chrome hiện cổng toàn bộ API Web MIDI bằng một lời nhắc cấp quyền.
Điều gì đang xảy ra trong Tiện ích của Chrome?
Tổng quan về những thay đổi gần đây đối với Tiện ích của Chrome, cùng với các tính năng thú vị sắp tới đối với tiện ích mà nhà phát triển có thể mong đợi.
Tính năng mới trong Chrome 124
Chrome 124 hiện đã ra mắt! Có 2 API mới cho phép sử dụng DOM bóng khai báo từ JavaScript. Bạn có thể sử dụng luồng trong Web Socket. Hiệu ứng chuyển đổi chế độ xem đã tốt hơn một chút. Và nhiều nội dung khác nữa. Pete LePage có tất cả thông tin chi tiết về những tính năng mới dành cho nhà phát triển trong Chrome 124.
Trang hiện tại không trả về mã trạng thái 200 khi không có mạng
Tìm hiểu cách làm cho Ứng dụng web tiến bộ hoạt động khi không có mạng.
Trang web hoạt động trên nhiều trình duyệt
Tìm hiểu cách sử dụng Workbox để đảm bảo trang web của bạn hoạt động trên nhiều trình duyệt.
Mỗi trang có một URL
Tìm hiểu về Lighthouse "Mỗi trang đều có một quy trình kiểm tra URL.
Tốc độ tải trang không đủ nhanh trên mạng di động
Tìm hiểu cách giúp trang web của bạn tải nhanh trên mạng di động.
Tệp kê khai không có biểu tượng che mờ được
Tìm hiểu cách thêm tính năng hỗ trợ biểu tượng có thể chỉnh sửa vào PWA của bạn.
Chuyển đổi mượt mà với View Transition API
View Transition API (API Chuyển đổi khung hiển thị) cho phép bạn thêm hiệu ứng chuyển đổi giữa các khung hiển thị của một trang web.
Chuyển đổi chế độ xem nhiều tài liệu cho các ứng dụng nhiều trang
Bắt đầu chuyển đổi chế độ xem nhiều tài liệu để sử dụng trong ứng dụng nhiều trang (MPA).
Thú vị và mạnh mẽ: Giới thiệu về Công cụ của Chrome cho nhà phát triển
Khám phá cách Công cụ cho nhà phát triển có thể cải thiện quá trình phát triển ứng dụng web của bạn.
CrUX trên BigQuery
Tìm hiểu cách cấu trúc tập dữ liệu CrUX trên BigQuery.
Khôi phục phiên bản trên Trang tổng quan dành cho nhà phát triển Cửa hàng Chrome trực tuyến
Tuần này, chúng tôi rất vui được ra mắt một tính năng mới cho phép nhà phát triển quay lại phiên bản đã phát hành trước đó của tiện ích trong Cửa hàng Chrome trực tuyến. Mục tiêu của chúng tôi là giúp nhà phát triển yên tâm hơn khi phát hành bản cập
Cách xem dữ liệu Báo cáo trải nghiệm người dùng trên Chrome trên PageSpeed Insights
PageSpeed Insights (PSI) là một công cụ giúp nhà phát triển web hiểu rõ hiệu suất của một trang và cách cải thiện hiệu suất. Trong hướng dẫn này, hãy tìm hiểu cách sử dụng PSI để trích xuất thông tin chi tiết từ CrUX và hiểu rõ hơn về trải nghiệm người dùng.
Các loại điều hướng hiện đã có trong CrUX
Tìm hiểu về chỉ số navigation_types mới trong Báo cáo trải nghiệm người dùng trên Chrome (CrUX) và cách sử dụng chỉ số này để giải thích và tối ưu hóa các chỉ số hiệu suất web của bạn.
Hướng dẫn về CrUX
Tìm hiểu cách sử dụng CrUX qua hướng dẫn dễ làm theo
Tính năng mới trong WebGPU (Chrome'124)
Kết cấu bộ nhớ chỉ đọc và đọc-ghi, hỗ trợ trình chạy dịch vụ và worker dùng chung, thuộc tính thông tin bộ chuyển đổi mới và các bản sửa lỗi.
Đảm bảo văn bản vẫn hiển thị trong khi tải phông chữ web
Tìm hiểu cách sử dụng API hiển thị phông chữ để đảm bảo văn bản trên trang web luôn hiển thị cho người dùng.
Tính năng mới trong Công cụ cho nhà phát triển, Chrome 124
Hỗ trợ ảnh động di chuyển theo thao tác cuộn, bảng điều khiển Tự động điền mới, các lựa chọn mới cho WebRTC khi điều tiết mạng, v.v.
Tạm biệt Trình phân tích tài nguyên JS, phân tích CPU bằng bảng điều khiển Hiệu suất
Tìm hiểu lộ trình phân tích hiệu suất của CPU, hiểu lý do và cách chúng tôi không dùng trình phân tích JavaScript nữa.
API bộ nhớ đệm cho thao tác tiến/lùi không được khôi phục
Báo cáo thông tin về việc các khung có trong tài liệu có bị chặn sử dụng bộ nhớ đệm cho thao tác tiến/lùi khi điều hướng hay không.
Phân tích hiệu suất của Node.js bằng bảng điều khiển Hiệu suất
Tìm hiểu cách phân tích hiệu suất của ứng dụng Node.js bằng bảng điều khiển Hiệu suất.
WebAssembly JavaScript Promise Integration (JSPI) bước vào bản dùng thử theo nguyên gốc
JavaScript Promise Integration (JSPI) là một API cho phép mã tuần tự đồng bộ được biên dịch thành WebAssembly để truy cập vào các API Web không đồng bộ.
Yêu cầu mạng: Kiểm tra trang web của bạn bằng cách chặn các yêu cầu mạng
Kiểm tra cách trang web của bạn xử lý các tài nguyên bị thiếu.
Bản dùng thử theo nguyên gốc của API findsau
Tìm hiểu về APITìm nạp (hiện đã có trong Bản dùng thử theo Origin) — một API mới để yêu cầu một phương thức tìm nạp trì hoãn sẽ hoàn tất ngay cả khi trang bị đóng.
Thanh cuộn có thể đặt làm tiêu điểm trên bàn phím
Chúng tôi sắp triển khai một thay đổi để giúp những thanh cuộn không đặt giá trị tabindex và không có bàn phím con có thể làm tâm điểm.
Chrome 124 phiên bản thử nghiệm
Thuộc tính HTML viết đề xuất, API WebSocketStream, tiêu đề của yêu cầu HTTP ưu tiên, v.v.
Tính năng mới trong Chrome 123
Chrome 123 hiện đã ra mắt! Với chức năng sáng-tối mới, Long Animation Frames API (API Khung hình động dài), Service Worker Static Routing API và nhiều tính năng khác. Adriana Jara có tất cả thông tin chi tiết về những tính năng mới dành cho nhà phát triển trong Chrome 123.
Quyền truy cập mạng riêng: Bảo vệ mở rộng cho trình thực thi trên web và phương thức tìm nạp điều hướng
Tìm hiểu về các cơ chế bảo mật chính của Quyền truy cập mạng riêng dành cho trình thực thi trên web, tìm nạp thao tác và các biện pháp bảo vệ sắp tới. Tài liệu này cũng trình bày những việc chủ sở hữu trang web nên làm nếu họ sử dụng mạng riêng.
Dùng API Định tuyến tĩnh cho Service Worker để bỏ qua trình chạy dịch vụ đối với các đường dẫn cụ thể
Tìm hiểu cách sử dụng API mới có trong Chrome 123.
Công cụ nâng cao hiệu suất trong năm 2024 trở đi
Tìm hiểu kế hoạch của nhóm Chrome nhằm cải thiện bảng điều khiển Hiệu suất của Công cụ cho nhà phát triển.
Ẩn yêu cầu tiện ích cộng với các điểm cải tiến khác của bảng điều khiển Mạng
Khám phá những điểm cải tiến mới nhất trong bảng điều khiển Mạng của Công cụ của Chrome cho nhà phát triển. Những điểm cải tiến này được thiết kế để đơn giản hoá trải nghiệm gỡ lỗi web của bạn.
Tổng quan về bảng điều khiển Phần tử
Thực hiện các thay đổi đối với DOM ngay lập tức.
Tạm dừng mã với các điểm ngắt
Tìm hiểu tất cả các cách bạn có thể tạm dừng mã trong Công cụ của Chrome cho nhà phát triển.
Xem và thay đổi CSS
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để xem và thay đổi CSS của trang.
Tính năng mới trong WebGPU (Chrome'123)
Hỗ trợ các hàm tích hợp DP4a, các tham số con trỏ không bị hạn chế, đường cú pháp để loại bỏ thành phần kết hợp trong WGSL, v.v.
Tài liệu tham khảo về các tính năng của CSS
Khám phá các quy trình làm việc mới để xem và thay đổi CSS trong Công cụ của Chrome cho nhà phát triển.
Áp dụng các hiệu ứng khác: bật giao diện tối tự động, mô phỏng tiêu điểm và nhiều tính năng khác
Làm nổi bật khung quảng cáo, mô phỏng tiêu điểm trên trang, tắt phông chữ và định dạng hình ảnh cục bộ, bật giao diện tối tự động và mô phỏng khiếm thị.
Tải Chrome cũ không có giao diện người dùng xuống dưới dạng Chrome không có giao diện người dùng
Giờ đây, bạn có thể tải Chrome phiên bản cũ không có giao diện người dùng xuống dưới dạng một tệp nhị phân độc lập cho mọi bản phát hành Chrome dành cho người dùng.
Tăng hiệu quả nén với từ điển dùng chung
Hoạt động nén trên web đang ngày càng được cải thiện nhờ tính năng nén từ điển được chia sẻ. Tìm hiểu định nghĩa, cách thức hoạt động và cách chúng có thể giảm đáng kể thời gian tải hơn nữa so với nén tiêu chuẩn cho cả tài nguyên tĩnh và động trên web.
Tổng quan về bảng điều khiển ứng dụng
Nắm bắt thông tin quan trọng về ứng dụng web ngay từ trình duyệt.
Các điểm cải tiến cho Speculation Rules API (API Quy tắc suy đoán)
Thông tin chi tiết về các bản cập nhật mới nhất cho Speculation Rules API (API Quy tắc suy đoán), bao gồm cả các quy tắc tài liệu, chế độ cài đặt mức độ mong muốn, giới hạn và tính năng hỗ trợ các quy tắc suy đoán trên các nền tảng.
Làm cho tiện ích của bạn dễ tiếp cận
Đối với nhiều người dùng, khả năng tiếp cận chính là giao diện người dùng và các tính năng của giao diện này cũng hữu ích đối với nhiều người khác.
Quốc tế hoá giao diện
Sử dụng API chrome.i18n để hiển thị giao diện của bạn bằng nhiều ngôn ngữ.
Nội dung tổng quan mới
Khám phá các tính năng mới nhất trong Công cụ của Chrome cho nhà phát triển
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 123)
Một quả trứng Phục sinh, quy trình mô phỏng trang tập trung trong phần tử > Kiểu, quy trình kiểm tra Lighthouse mới, v.v.
Tiện ích của Chrome: hành trình kiểm tra việc tạm ngưng của nhân viên dịch vụ
Trong bài đăng này, nhóm phụ trách mắt sẽ chia sẻ hành trình giải quyết vấn đề kiểm thử nhân viên dịch vụ mở rộng. Cụ thể là cách đảm bảo Tiện ích của Chrome hoạt động đúng cách khi một trình chạy dịch vụ bị tạm ngưng.
Gói Next.js để quản lý thư viện của bên thứ ba
Tìm hiểu cách sử dụng thư viện @next/bên thứ ba để tối ưu hoá việc tải các tài nguyên phổ biến của bên thứ ba
Chrome 123 phiên bản thử nghiệm
Hàm màu sáng-tối() của CSS, căn chỉnh nội dung cho các khối, thuộc tính định kích thước trường và sự kiện hiển thị trang.
Hỗ trợ nội dung căn chỉnh ở bố cục khối và bảng
Từ Chrome 123, hãy sử dụng nội dung căn chỉnh để căn chỉnh các mục mà không cần tạo vùng chứa linh hoạt hoặc lưới.
Phím tắt
Tài liệu chuẩn về phím tắt cho Công cụ của Chrome cho nhà phát triển.
Mô phỏng thiết bị di động bằng chế độ thiết bị
Sử dụng thiết bị ảo ở chế độ thiết bị của Chrome để xây dựng trang web ưu tiên thiết bị di động.
Tính năng mới trong Chrome 122
Chrome 122 hiện đã ra mắt! Với API bộ chứa lưu trữ mới, cập nhật bảng điều khiển Hiệu suất công cụ cho nhà phát triển, tùy chọn chưa được dọn dẹp để đọc HTML bằng API bảng nhớ tạm không đồng bộ và còn nhiều tính năng khác. Adriana Jara có đầy đủ thông tin chi tiết về những tính năng mới dành cho nhà phát triển trong Chrome 122.
Thay đổi đối với kế thừa CSS ::backdrop
Kể từ Chrome 122, phần tử `::backdrop` kế thừa các thuộc tính của phần tử gốc.
Định cấu hình biểu tượng tiện ích
Mỗi tiện ích cần có ít nhất một biểu tượng để biểu thị tiện ích đó trên thanh công cụ.
Chrome Extensions
Chưa xác định
Bảng điều khiển Hiệu suất nhanh hơn 400% nhờ tính năng nhận biết
Bảng điều khiển hiệu suất trong Công cụ cho nhà phát triển là một công cụ mạnh mẽ để chẩn đoán, gỡ lỗi và khắc phục vấn đề về hiệu suất của ứng dụng web. Nhân dịp này, chúng tôi sẽ hướng dẫn bạn cách chúng tôi sử dụng bảng điều khiển Hiệu suất trong Công cụ cho nhà phát triển để cải thiện hiệu suất của chính bảng điều khiển Hiệu suất cũng như cách chúng tôi đạt được sự cải thiện rất đáng kể.
Sử dụng WebUSB
WebUSB API có trong các tiện ích giúp đưa các thiết bị tương thích với Universal Serial Bus (USB) không chuẩn lên web.
Sử dụng WebHID
API WebHID hiển thị các thiết bị tương thích với Thiết bị có giao diện con người (HID) trên web và có sẵn trong các tiện ích.
Di chuyển sang Manifest V3
Hướng dẫn chuyển đổi tiện ích Manifest V2 sang tiện ích Manifest V3.
Tệp kê khai – Chính sách bảo mật nội dung
Tài liệu tham khảo cho các thuộc tính của chính sách bảo mật nội dung của tệpManifest.json.
Tính năng mới trong WebGPU (Chrome'122)
Chế độ tương thích đang phát triển, tăng giới hạn maxVertexAttributes và cập nhật Dawn.
Định cỡ trường CSS
Một dòng mã dành cho các phần tử định cỡ tự động có nội dung có thể chỉnh sửa.
Ghi lại ảnh chụp nhanh của vùng nhớ khối xếp
Tìm hiểu cách ghi lại ảnh chụp nhanh của vùng nhớ khối xếp bằng trình phân tích vùng nhớ khối xếp và tìm lỗi rò rỉ bộ nhớ.
chrome.runtime
Sử dụng API chrome.runtime để truy xuất worker dịch vụ, trả về thông tin chi tiết về tệp kê khai, đồng thời theo dõi và phản hồi các sự kiện trong vòng đời của tiện ích. Bạn cũng có thể sử dụng API này để chuyển đổi đường dẫn tương đối của URL thành
Sử dụng tính năng đẩy dữ liệu web
Hướng dẫn từng bước về cách sử dụng tính năng Gửi dữ liệu web bằng tiện ích của Chrome
Khai báo quyền
Tổng quan về các giá trị hợp lệ cho thuộc tính quyền trongManifest.json.
Nguyên tắc cảnh báo quyền
Cách hoạt động của cảnh báo về quyền trong các tiện ích của Chrome.
Giới thiệu cách mới để tạo trải nghiệm chỉnh sửa web tuỳ chỉnh bằng API EditContext
EditContext là một API mới ra mắt trong Chrome và Edge, giúp nhà phát triển xây dựng các tính năng chỉnh sửa văn bản nâng cao trong trình duyệt. Tìm hiểu thêm trong bài đăng này!
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 122)
Cảnh báo loại bỏ cookie của bên thứ ba trong bảng điều khiển Mạng và Ứng dụng, gỡ lỗi nâng cao trong bảng điều khiển Mạng, breadcrumb trong bảng điều khiển Hiệu suất và nhiều tính năng khác.
Mẹo cho công cụ cho nhà phát triển: Gỡ lỗi các thao tác điều hướng theo suy đoán để tải trang nhanh hơn
Giúp duyệt web nhanh hơn với tính năng tải theo suy đoán và tìm hiểu cách gỡ lỗi.
Thời gian dùng thử không dùng nữa cho SharedArrayBuffer trên Chrome dành cho máy tính được mở rộng sang Chrome 124
Thời gian dùng thử không dùng nữa cho SharedArrayBuffer mà không có tính năng tách biệt nhiều nguồn gốc trên Chrome máy tính sẽ được kéo dài đến Chrome 124.
Phản hồi lệnh
Phản hồi các tổ hợp phím tuỳ chỉnh trong một tiện ích.
Chrome 122 phiên bản thử nghiệm
Chrome 122 beta mang đến cho bạn các trình trợ giúp biến lặp, phương thức đặt, API bộ chứa lưu trữ, đọc HTML chưa được dọn dẹp trong API bảng nhớ tạm không đồng bộ và nhiều tính năng khác.
Tuỳ chỉnh Máy ghi âm bằng các tiện ích
Tuỳ chỉnh và tích hợp Máy ghi âm bằng cách cài đặt các tiện ích.
Điều gì đang xảy ra trong Tiện ích của Chrome?
Tổng quan về những thay đổi gần đây đối với Tiện ích của Chrome, cùng với các tính năng thú vị sắp tới đối với tiện ích mà nhà phát triển có thể mong đợi.
Tính năng mới trong Chrome 121
Chrome 121 hiện đã ra mắt! Với các bản cập nhật CSS, các điểm cải tiến cho Speculation Rules API, một bản dùng thử theo nguyên gốc cho Element Capture API và nhiều điểm cải tiến khác. Adriana Jara có tất cả thông tin chi tiết về những tính năng mới dành cho nhà phát triển trong Chrome 121.
Kích hoạt hành động từ thanh địa chỉ
Kích hoạt hành động từ thanh địa chỉ.
Tính năng mới trong WebGPU (Chrome lúc 121)
Hỗ trợ WebGPU trên Android, sử dụng DXC để biên dịch chương trình đổ bóng, truy vấn dấu thời gian trong phần điện toán và kết xuất, điểm truy cập mặc định cho mô-đun chương trình đổ bóng, hỗ trợ display-p3 dưới dạng không gian màu GPUExternalTexture, thông tin vùng nhớ khối xếp bộ nhớ, v.v.
Định kiểu thanh cuộn
Sử dụng các thuộc tính "scrollbar-width" và "scrollbar-color" để tạo kiểu cho thanh cuộn.
Kiểm thử Bluetooth cho web bằng Puppeteer
Sử dụng Puppeteer để kiểm thử các tính năng sử dụng API Web Bluetooth trong Chrome.
Truy cập vào DOM một cách an toàn bằng Angular SSR
Tìm hiểu cách sử dụng DOM cùng với SSR trong Angular sao cho an toàn
Sử dụng Giải pháp gửi thông báo qua đám mây của Firebase (FCM) với chrome.gcm
Hướng dẫn từng bước về cách sử dụng tính năng Nhắn tin qua Firebase thông qua chrome.gcm
Kiểm thử mô hình AI cho web trong Google Colab
Tìm hiểu cách thử nghiệm các mô hình trí tuệ nhân tạo (AI) dựa trên trình duyệt và phía máy khách, đồng thời vẫn có thể mở rộng, tự động hoá và trong quy trình thiết lập phần cứng được chuẩn hoá.
Tăng cường hiệu quả kiểm thử mô hình AI cho web: WebGPU, WebGL và Chrome không có giao diện người dùng
Khám phá các giải pháp của chúng tôi để biết cách tự động hoá một cách nhất quán khi thử nghiệm trình duyệt và cải thiện hiệu suất của ứng dụng.
Triển khai một hành động
Phản hồi người dùng nhấp vào thanh công cụ.
Chế độ viết dọc CSS cho các phần tử kiểm soát biểu mẫu
Chrome bổ sung một tính năng CSS quốc tế mới khác.
Quyền lâu dài cho API Truy cập hệ thống tệp
Bài đăng này giải thích cách quản lý các quyền lâu dài cho API Truy cập hệ thống tệp. Báo cáo này cũng cung cấp nội dung tóm tắt nhanh về tình trạng hiện tại của vấn đề và những thách thức đang được giải quyết.
Kiểm tra và gỡ lỗi màu HD và màu không phải HD bằng Công cụ chọn màu
Tìm hiểu cách sử dụng Công cụ chọn màu trong phần tử > Kiểu để kiểm tra và gỡ lỗi màu HD và màu không phải HD.
Mẹo cho Công cụ cho nhà phát triển: Màu tạo quyền
Tìm hiểu cách tạo màu chỉ bằng vài cú nhấp chuột.
Mẹo dành cho Công cụ cho nhà phát triển: Gỡ lỗi mức độ ưu tiên tìm nạp
Tìm hiểu cách gỡ lỗi mức độ ưu tiên tìm nạp.
Nội dung cập nhật theo thời gian thực trong tiện ích
Quản lý bản cập nhật theo thời gian thực trong Tiện ích
CSS text-wrap: balance
Một kỹ thuật kiểu chữ cổ điển là tự tạo dấu ngắt dòng cho các khối văn bản cân bằng, được áp dụng cho CSS.
Tiện ích phạm vi ứng dụng web
Từ Chrome 122, bạn có thể đăng ký dùng thử theo nguyên gốc cho thành viên scope_extensions trong tệp kê khai ứng dụng. Điều này cho phép các trang web kiểm soát nhiều miền con và miền cấp cao nhất được trình bày dưới dạng một ứng dụng web.
Khai thác sức mạnh của WebDriver BiDi: Tự động hoá Chrome và Firefox bằng Puppeteer
Puppeteer hiện đã tương thích với Firefox! 🎉 Nhưng chờ đã, máy đã sẵn sàng rồi phải không? 🤔 Hãy cùng tìm hiểu sâu hơn về WebDriver BiDi, giao thức mới trong Puppeteer và khám phá ý nghĩa của sự phát triển thú vị này đối với quy trình tự động hoá của Firefox.
Xây dựng trình đơn theo bối cảnh
Triển khai cửa sổ bật lên. Cửa sổ này cho phép người dùng gọi các tính năng tiện ích.
Xử lý các vi phạm về mã được lưu trữ từ xa
Service worker cho phép tiện ích chỉ chạy khi cần, tiết kiệm tài nguyên.
Google Chrome trên Android
Để xem danh sách đầy đủ các tính năng dành cho nhà phát triển trong Chrome trên Android, vui lòng tham khảo chromestatus.com. Hãy tải Chrome trên Cửa hàng Play xuống. Khi người dùng đăng nhập vào Chrome trên một thiết bị, các thẻ và nhật ký duyệt web
Hiệu suất của các khung hiện đại theo chỉ số INP mới
Bài đăng này thảo luận về mức độ liên quan của chỉ số INP mới với các trang web dựa trên khung và nỗ lực của Aurora trong việc hỗ trợ các khung trong việc tối ưu hoá chỉ số này.
Ý định của Android với Chrome
Chạy ứng dụng trực tiếp qua một trang web bằng Android Intent.
Thêm cửa sổ bật lên
Triển khai cửa sổ bật lên. Cửa sổ này cho phép người dùng gọi các tính năng tiện ích.
Theo mặc định, Chrome sẽ bật chế độ máy tính trên máy tính bảng cao cấp
Chrome đã điều chỉnh cho phù hợp với hệ sinh thái máy tính bảng Android bằng cách bật chế độ máy tính theo mặc định trên máy tính bảng cao cấp.
Đàn phong cầm độc quyền
Tạo một đàn phong cầm độc quyền gồm nhiều phần tử `` có cùng `name`.
Chia sẻ thẻ hiệu quả hơn nhờ tính năng Chụp ảnh vùng
Nền tảng web hiện đi kèm với tính năng Chụp ảnh vùng, một cách hiệu quả và mạnh mẽ để cắt đoạn video.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 121)
@font-palette-values hỗ trợ trong Phần tử, cải thiện khả năng hỗ trợ bản đồ nguồn, nâng cao Hiệu suất > Theo dõi hoạt động tương tác và nhiều tính năng khác.
Tính năng mới trong WebGPU
Luôn nắm bắt những thay đổi mới nhất đối với WebGPU.
Tính năng mới trong WebGPU (Chrome lúc 120)
Hỗ trợ các giá trị dấu phẩy động 16 bit trong WGSL, tăng giới hạn, thay đổi trạng thái stencil theo chiều sâu, cập nhật thông tin bộ chuyển đổi, v.v.
Kết thúc CSS: năm 2023!
2023 là một năm thành công của CSS! Tìm hiểu những gì đã có trong Chrome và trên nền tảng web trong năm nay.
Truy cập vào máy chủ cục bộ và phiên bản Chrome bằng tính năng chuyển tiếp cổng
Lưu trữ trang web trên máy chủ web của máy phát triển, sau đó truy cập nội dung từ thiết bị Android.
Bản dùng thử theo nguyên gốc cho quyền truy cập mạng riêng tư: Một đường dẫn để di chuyển trang web bằng HTTPS
Trong thông số kỹ thuật về Quyền truy cập mạng riêng tư (PNA), Google Chrome sẽ ngừng hỗ trợ quyền truy cập vào các thiết bị đầu cuối trên mạng riêng tư từ các trang web công khai không an toàn.
Tính năng mới trong Chrome 120
Chrome 120 vừa ra mắt! Với API CloseWatcher nhằm mang lại trải nghiệm nhất quán khi xử lý các yêu cầu đóng, việc triển khai đơn giản một mẫu đàn phong bằng cách sử dụng phần tử chi tiết, báo cáo vi phạm chính sách về quyền hiện đã có sẵn và còn nhiều tính năng khác.
Mẹo cho Công cụ cho nhà phát triển: Gỡ lỗi bfcache
Tìm hiểu cách gỡ lỗi bfcache và giúp trang của bạn tải tức thì.
Xem thông tin chi tiết về khung
Xem thông tin chi tiết về khung.
Mẹo cho nhà phát triển: DOM là gì? HTML so với DOM
Tìm hiểu cách gỡ lỗi DOM bằng Công cụ cho nhà phát triển.
Xem lại tiêu chí của Chrome về khả năng cài đặt
Trong những tháng tới, Chrome sẽ chạy thử nghiệm với mục tiêu đơn giản hoá tiêu chí cài đặt ứng dụng, nhằm cải thiện trải nghiệm của nhà phát triển và người dùng. Bài đăng này chia sẻ những thay đổi mà bạn có thể dự kiến cũng như lý do chúng tôi chạy các thử nghiệm này.
Xem, thêm, chỉnh sửa và xoá cookie
Tìm hiểu cách xem, thêm, chỉnh sửa và xoá cookie HTTP của trang bằng Công cụ của Chrome cho nhà phát triển.
Cách Công cụ của Chrome cho nhà phát triển giúp chống lại các cuộc tấn công tự XSS
Tìm hiểu cách Công cụ của Chrome cho nhà phát triển giảm thiểu các cuộc tấn công tự XSS bằng cách chặn hoạt động dán mã đối với người dùng chưa có kinh nghiệm trong Công cụ cho nhà phát triển.
Ra mắt 4 tính năng quốc tế mới trong CSS
Chrome sẽ bổ sung 4 tính năng CSS quốc tế mới.
API vòng đời trang
Page Lifecycle API đưa các tính năng trong vòng đời của ứng dụng phổ biến trên hệ điều hành dành cho thiết bị di động lên web. Các trình duyệt hiện có thể đóng băng và loại bỏ trang nền một cách an toàn để bảo toàn tài nguyên, đồng thời nhà phát triển có thể xử lý các biện pháp can thiệp này một cách an toàn mà không ảnh hưởng đến trải nghiệm người dùng.
Danh sách bỏ qua
Bỏ qua tham chiếu thẻ Danh sách.
HTML chưa được dọn dẹp trong API Bảng nhớ tạm không đồng bộ
Từ Chrome 120, có một tuỳ chọn mới chưa được dọn dẹp trong API Bảng nhớ tạm không đồng bộ (Async). Hãy tìm hiểu cách sử dụng công cụ này trong hướng dẫn này.
Đang tiếp tục quá trình chuyển đổi sang Manifest V3
Vào tháng 12 năm ngoái, chúng tôi đã tạm dừng việc ngừng sử dụng Tệp kê khai V2 theo kế hoạch để giải quyết ý kiến phản hồi của nhà phát triển và cung cấp các giải pháp hiệu quả hơn cho các vấn đề về việc di chuyển. Dựa trên ý kiến phản hồi này,
Chế độ hình trong hình tự động cho ứng dụng web hội nghị truyền hình
Chrome cho phép các ứng dụng hội nghị truyền hình trên web tự động chuyển sang chế độ hình trong hình.
Các tính năng mới trong chỉ thị Angular NgOptimizedImage
Tìm hiểu về các tính năng mới có trong chỉ thị Angular NgOptimizedImage để cải thiện hơn nữa hiệu suất hình ảnh trong các ứng dụng Angular.
Cải thiện tính năng lọc nội dung trong Manifest V3
Trong năm qua, chúng tôi đã tích cực tham gia thảo luận với các nhà cung cấp đứng sau một số tiện ích chặn nội dung về cách cải thiện nền tảng tiện ích MV3. Dựa trên những cuộc thảo luận này (nhiều cuộc thảo luận diễn ra trong Nhóm cộng đồng
Bản dùng thử theo nguyên gốc của API định tuyến tĩnh cho trình chạy dịch vụ
Tìm hiểu về giai đoạn đầu của việc định tuyến tĩnh cho Service Worker (Trình chạy tĩnh) – nay có trong bản dùng thử Origin – một API mới để chỉ định rõ cách các tuyến sẽ được xử lý (hoặc không) bởi Service Worker.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 120)
Vấn đề về việc loại bỏ cookie của bên thứ ba được báo cáo trong bảng Vấn đề, Công cụ phân tích Hộp cát về quyền riêng tư cho cookie, Chính sách bảo mật nội dung hiệu quả trong bảng Ứng dụng, tính năng gỡ lỗi ảnh động cải tiến, danh sách bỏ qua nâng cao, v.v.
Cập nhật cú pháp thoải mái cho CSS
Đã bật tính năng Lồng ghép tính năng xem trước trong Chrome 120.
Nắm bắt hệ sinh thái WebGPU
Tìm hiểu về cách hệ sinh thái WebGPU vượt ra khỏi các vùng JavaScript, C+ và Rust.
Thay đổi đối với chế độ độ bền mặc định trong IndexedDB
Chế độ độ bền trong IndexedDB sẽ thay đổi từ nghiêm ngặt sang nới lỏng kể từ Chrome 121.
Tính năng mới trong Chrome 120 dành cho tiện ích
Bản tóm tắt các thay đổi quan trọng trong phiên bản Chrome 120 dành cho nhà phát triển Tiện ích của Chrome.
Chrome 120 thử nghiệm
Che giấu CSS, các quy tắc nới lỏng để lồng CSS, tạo các mẫu đàn xếp bằng phần tử, thao tác enterảnhinpicture cho API Phiên truyền thông.
Xử lý tệp trên Chrome OS
Cách mở tệp trong trình chạy dịch vụ tiện ích của Chrome, cửa sổ bật lên, bảng điều khiển bên hoặc tập lệnh nội dung.
file_handlers
Tài liệu tham khảo cho thuộc tính file_handlers của manifest.json.
WebAssembly thu gom rác (wasmGC) hiện đã bật theo mặc định trong Chrome
Có hai loại ngôn ngữ lập trình: ngôn ngữ lập trình thu gom rác và ngôn ngữ lập trình yêu cầu quản lý bộ nhớ theo cách thủ công. Với WebAssembly Garbage Collection, các ngôn ngữ thu thập rác có thể được chuyển sang WebAssembly.
Tính năng mới trong Chrome 119
Chrome 119 hiện đã ra mắt! Với bản cập nhật cho ngày hết hạn giới hạn tối đa cho cookie đã có trong bộ nhớ. CSS có các lớp giả mới, cú pháp màu tương đối, các điểm cải tiến của Khung bảo vệ như macro kích thước quảng cáo, v.v.
Ưu tiên của CSS
Tối ưu hoá và điều chỉnh cho những người dùng thích giao diện người dùng mờ đục.
Tính năng mới trong WebGPU (Chrome 119)
Các hoạ tiết nổi 32 bit có thể lọc, định dạng đỉnh unorm10-10-10-2, định dạng hoạ tiết rgb10a2uint và hơn thế nữa.
Chọn phần tử: hiện đã áp dụng các quy tắc ngang
Tìm hiểu cách mở rộng các tính năng của phần tử chọn lọc cho phép ngắt đoạn trực quan theo chiều ngang để nhóm hiệu quả hơn.
Gói văn bản CSS: đẹp
Chọn sử dụng tính năng xuống dòng tự động để tối ưu hoá văn bản để tăng tốc độ làm đẹp.
Điều gì đang xảy ra trong Tiện ích của Chrome?
Tổng quan về những thay đổi gần đây đối với Tiện ích của Chrome, cùng với các tính năng thú vị sắp tới đối với tiện ích mà nhà phát triển có thể mong đợi.
Di chuyển công cụ theo dõi lỗi của Chromium
Tính năng theo dõi vấn đề của Chromium sẽ chuyển sang một công cụ do Công cụ theo dõi lỗi của Google cung cấp vào tháng 1 năm 2024.
Không dùng Sanitizer API nữa
Việc triển khai Sanitizer API hiện tại đã ngừng hoạt động trên Chrome 119 để bắt kịp những bản cập nhật về thông số kỹ thuật trong tương lai.
Nối tiếp qua Bluetooth trên web
Web Serial API đã hỗ trợ thêm cho các dịch vụ RFCOMM Bluetooth.
Thử nghiệm toàn diện cho Tiện ích của Chrome
Cách viết mã kiểm thử toàn diện cho tiện ích.
Kiểm thử tiện ích Chrome bằng Puppeteer
Cách viết mã kiểm thử tự động cho Tiện ích Chrome bằng Puppeteer.
Kiểm thử đơn vị Tiện ích của Chrome
Cách viết mã kiểm thử đơn vị cho tiện ích.
Cú pháp màu tương đối của CSS
Tạo màu mới dựa trên các kênh và giá trị của màu khác.
Báo cáo lỗi về tiện ích
Cách báo cáo lỗi tiện ích hoặc sự cố về tài liệu.
Tìm và theo dõi lỗi
Kiểm tra xem lỗi hoặc yêu cầu về tính năng đã được báo cáo hay chưa.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 119)
Cải tiến phần @property trong Kiểu, danh sách thiết bị được cập nhật, nâng cao khả năng in đẹp trong Nguồn và tính năng tự động hoàn thành trong Bảng điều khiển.
Điểm mới trong Chrome 118
Chrome 118 hiện đã ra mắt! Khai báo các kiểu cụ thể trong một thành phần bằng quy tắc @scope css. Sử dụng tính năng đa phương tiện mới: Preferreds-reduced-transparency. Công cụ cho nhà phát triển đã có những điểm cải tiến trong bảng điều khiển Nguồn và nhiều điểm cải tiến khác.
Bản dùng thử theo nguyên gốc mới cho cửa sổ bật lên toàn màn hình
Hiện đã có bản dùng thử theo nguyên gốc mới để mở cửa sổ bật lên ở chế độ toàn màn hình chỉ với một bước.
Những điểm cải tiến về API khi làm việc với các tệp trong trình duyệt
Hỗ trợ nhiều trình đọc và trình ghi cho FileSystemSyncAccessHandle và trình ghi độc quyền cho FileSystemWritableFileStream. Hệ thống tệp riêng gốc (đôi khi còn được gọi là hệ thống tệp bộ chứa) cho phép nhà phát triển truy cập vào các tệp được tối ưu
Chrome 119 phiên bản thử nghiệm
Chrome 119 beta mang đến cho bạn cú pháp màu tương đối CSS, các lớp giả mới và nhiều tính năng khác.
Giới hạn phạm vi tiếp cận của bộ chọn bằng CSS @scope at-quy tắc
Tìm hiểu cách sử dụng @scope để chọn các phần tử chỉ trong một cây con giới hạn của DOM.
Tính năng mới trong WebGPU (Chrome 118)
Hỗ trợ nguồn mở rộng cho copyExternalImageToTexture, hỗ trợ thử nghiệm cho hoạ tiết lưu trữ chỉ đọc và chỉ đọc, v.v.
Chrome hiện hỗ trợ khoá truy cập trên Chuỗi khoá iCloud trên macOS
Chrome trên macOS bắt đầu hỗ trợ mã xác thực trên iCloud Keychain. Việc này cho phép người dùng tạo khoá truy cập trên iCloud Keychain và đồng bộ hoá khoá truy cập trên các thiết bị của Apple.
Mẹo cho công cụ cho nhà phát triển: Gỡ lỗi tiện ích của Chrome
Tìm hiểu cách sử dụng Công cụ cho nhà phát triển để gỡ lỗi tiện ích của Chrome.
Bộ nhớ và cookie
Tổng quan về cách hoạt động của cookie và API lưu trữ web trong tiện ích.
Điều hướng liền mạch nhờ các hiệu ứng chuyển đổi khung hiển thị
Hướng dẫn chi tiết về cách thức và lý do CyberAgent, RedBus, Nykaa và PolicyBazaar triển khai hiệu ứng chuyển đổi khung hiển thị.
Chúng tôi là Chrome dành cho nhà phát triển
Kỷ niệm 15 năm ra mắt Chrome và vai trò của chúng tôi là một đối tác đáng tin cậy, hữu ích đối với các nhà phát triển.
Từ WebGL sang WebGPU
Tìm hiểu một số mẹo dành cho nhà phát triển WebGL khi chuyển sang WebGPU.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 118)
Mục mới cho thuộc tính tuỳ chỉnh trong Phần tử > Kiểu, cải tiến thêm về cơ chế ghi đè cục bộ, tính năng tìm kiếm nâng cao, không gian làm việc hợp lý trong phần Nguồn, v.v.
Chrome 118 thử nghiệm
Kiểu có giới hạn cho CSS, các tính năng đa phương tiện bổ sung, vùng chứa cuộn có thể lấy tiêu điểm bằng bàn phím, v.v.
Tính năng mới trong Chrome 117
Chrome 117 hiện đã ra mắt! Với 3 tính năng CSS mới giúp dễ dàng thêm các ảnh động nhập và thoát mượt mà, nhóm mảng để tính toán các tập dữ liệu thứ tự cao hơn, devtools giúp ghi đè cục bộ dễ dàng hơn và còn nhiều tính năng khác nữa.
Chuyển đổi từ ứng dụng Chrome
Cách di chuyển ứng dụng được đóng gói hoặc lưu trữ trong Chrome.
Tính năng mới trong WebGPU (Chromeu)
Huỷ thiết lập vùng đệm đỉnh và liên kết nhóm, làm cho thiết bị bị mất có vẻ như vẫn hoạt động, v.v.
Xuất bản tiện ích của bạn
Hướng dẫn phát hành tiện ích Manifest V3 mới
Mùa hè mã và tiện ích của Chrome
Trải nghiệm và lời khuyên về việc tham gia Mùa hè lập trình của Google.
Mẹo cho công cụ cho nhà phát triển: Đoạn mã và biểu thức trực tiếp
Sử dụng Đoạn mã để chạy mã bạn thường dùng và biểu thức trực tiếp để xem các giá trị theo thời gian thực.
Chuyển đổi Chế độ xem Astro
Nêu bật cách cộng đồng Astro sử dụng tính năng Chuyển đổi khung hiển thị khi Chrome đang định hình API và hành trình hướng tới sự hỗ trợ hàng đầu cho API tại Astro + các hòn đảo ổn định.
Phát hành Chrome nhanh hơn (vòng 2!)
Kể từ Chrome 119, chúng tôi sẽ rút ngắn thời gian từ khi phát hành một nhánh cho đến khi phát hành phiên bản ổn định.
Giới thiệu bản dùng thử theo nguyên gốc Scheduler.Yield
"scheduler.benefit" là một tính năng bổ sung mới được đề xuất cho API trình lập lịch biểu hiện đang trong giai đoạn dùng thử theo nguyên gốc. Đây là một phương pháp mới để chia nhỏ các nhiệm vụ nhằm mang lại trải nghiệm người dùng phản hồi nhanh hơn. Hãy tìm hiểu các lợi ích của việc bổ sung được đề xuất này cho API lập lịch và đăng ký bản dùng thử theo nguyên gốc để giúp chúng tôi có được thông tin chi tiết và ý kiến phản hồi.
Có gì mới trong Lighthouse 11
Lighthouse 11 đã ra mắt với các thay đổi mới về khả năng hỗ trợ tiếp cận và bản cập nhật kiểm tra
Soạn thảo lệnh Giao thức Chrome Devtools (CDP) hiệu quả bằng trình chỉnh sửa lệnh mới
Để dễ dàng nhập các lệnh Giao thức Chrome Devtools (CDP), Công cụ cho nhà phát triển đã ra mắt một trình chỉnh sửa thân thiện với người dùng mới để bạn không phải sử dụng JSON.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 117)
Ghi đè yêu cầu XHR/tìm nạp và ẩn yêu cầu tiện ích khỏi bảng điều khiển Mạng, xem thay đổi về mức độ ưu tiên tìm nạp trong bảng Hiệu suất, trải nghiệm nhiều cải tiến về giao diện người dùng, xem các màu sắc và tính năng thử nghiệm mới, v.v.
Chrome 117 phiên bản thử nghiệm
Lưới con lưới CSS, hỗ trợ ảnh động nhập và thoát cho CSS, nhóm mảng, trình trợ giúp lặp lại, v.v.
Đưa tính năng Kiểm tra an toàn đến trang chrome://extensions
Kể từ Chrome 117, Chrome sẽ chủ động làm nổi bật cho người dùng khi tiện ích mà họ đã cài đặt không còn trong Cửa hàng Chrome trực tuyến.
Bốn tính năng CSS mới giúp hoạt ảnh nhập và thoát mượt mà
Tìm hiểu về các chức năng mới cho phép chuyển đổi mượt mà các ảnh động rời rạc và giữa lớp trên cùng
Điểm mới trong Chrome 116
Chrome 116 hiện đã ra mắt! Sử dụng API ảnh trong hình ảnh tài liệu để tăng năng suất người dùng. Giờ đây, việc gỡ lỗi biểu định kiểu bị thiếu trong Công cụ cho nhà phát triển dễ dàng hơn và còn nhiều chức năng khác nữa.
Tệp kê khai – tập lệnh nội dung
Tài liệu tham khảo cho thuộc tính "content_scripts" củaManifest.json.
Tương tác bảo mật trong cửa sổ bật lên bằng các thuộc tính hạn chế
Sử dụng chế độ tách biệt nhiều nguồn gốc và bảo vệ chống rò rỉ trên nhiều trang web trong khi tương tác với cửa sổ bật lên.
Tính năng mới trong WebGPU (Chromet)
Tích hợp WebCodec, cải thiện tính năng phát video và nhiều tính năng khác.
Quyền một lần trong Chrome
"Cho phép lần này" là tuỳ chọn một lần để cấp quyền trong Chrome. Ban đầu, tính năng này chỉ có trên máy tính đối với thông tin định vị vị trí, máy ảnh và micrô.
Mẹo cho nhà phát triển: Điểm ngắt và điểm ghi nhật ký
Sử dụng các điểm ngắt và điểm ghi nhật ký để dễ dàng gỡ lỗi.
PostMessage cho TWA
Từ Chrome 115, các Hoạt động đáng tin cậy trên web (TWA) có thể gửi tin nhắn bằng postMessage. Tài liệu này trình bày các bước thiết lập cần thiết để giao tiếp giữa ứng dụng của bạn và web.
Tính năng mới trong Chrome 116 dành cho tiện ích
Bản tóm tắt các thay đổi quan trọng trong phiên bản Chrome 116 dành cho nhà phát triển Tiện ích của Chrome.
Chrome 116 phiên bản thử nghiệm
Đường dẫn chuyển động CSS, bộ nhớ đệm cho thao tác tiến/lùi API NotrestoreReason, Hình trong hình trong tài liệu và nhiều tính năng khác.
Gỡ lỗi trang web trong Chrome trên iOS 16.4 trở lên
Tìm hiểu cách sử dụng tính năng gỡ lỗi trong Trình kiểm tra web của Safari cho Chrome trên iOS.
Điểm mới trong Chrome 115
Sử dụng ScrollDòng thời gian và ViewDòng thời gian để tạo ảnh động hướng cuộn giúp nâng cao trải nghiệm người dùng. Khung có bảo vệ hoạt động cùng với các API Hộp cát về quyền riêng tư khác để nhúng nội dung có liên quan, đồng thời ngăn chặn việc chia sẻ ngữ cảnh không cần thiết. Với API Chủ đề, trình duyệt có thể chia sẻ thông tin với bên thứ ba về mối quan tâm của người dùng trong khi vẫn bảo vệ được quyền riêng tư và còn nhiều lợi ích khác nữa.
Điều gì đang xảy ra trong Tiện ích của Chrome?
Tổng quan về những thay đổi đối với Tiện ích của Chrome từ đầu năm đến nay, cùng với các tính năng thú vị sắp ra mắt của tiện ích mà nhà phát triển có thể mong đợi.
Nghiên cứu điển hình về hiệu suất của ảnh động hướng thao tác cuộn
API mới mượt mà hơn nhiều so với cách triển khai ảnh động hướng cuộn cổ điển.
Mẹo cho công cụ cho nhà phát triển: Ghi và phát lại luồng người dùng bằng Trình ghi
Tìm hiểu cách ghi lại, phát lại và gỡ lỗi luồng người dùng bằng bảng điều khiển Trình ghi trong Công cụ cho nhà phát triển.
Sử dụng WebSocket trong trình chạy dịch vụ
Hướng dẫn từng bước về cách kết nối với WebSocket trong tiện ích của Chrome.
WebRTC: Hướng dẫn di chuyển getStats() cũ
Tìm hiểu cách sử dụng tính năng gỡ lỗi trong Trình kiểm tra web của Safari cho Chrome trên iOS.
Mẹo cho nhà phát triển: Bộ nhớ cục bộ và bộ nhớ phiên
Sử dụng Application > Local Storage và Session Storage để gỡ lỗi các cặp khoá-giá trị.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 116)
Công cụ cho nhà phát triển có một số điểm cải tiến để giúp bạn xác định và gỡ lỗi các vấn đề về việc thiếu tệp kiểu nhanh hơn: Bảng điều khiển Mạng liên tục điền sẵn các đường liên kết đến dòng chính xác tham chiếu đến một tệp kiểu không tải được vào
Tính năng mới trong WebGPU (Chromes)
Các tiện ích mở rộng ngôn ngữ WGSL được hỗ trợ, hỗ trợ thử nghiệm cho Direct3D 11 và hơn thế nữa.
Sử dụng vị trí địa lý
Cách sử dụng thông tin định vị vị trí trong trình chạy dịch vụ tiện ích của Chrome, cửa sổ bật lên, bảng điều khiển bên hoặc tập lệnh nội dung.
Chrome for Testing: tính năng tải xuống đáng tin cậy để tự động hoá trình duyệt
Chrome for Testing là một phiên bản Chrome mới dành riêng cho các trường hợp sử dụng kiểm thử ứng dụng web và tự động hoá.
Gỡ lỗi C/C++ WebAssembly
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để tìm và sửa lỗi trong C/C+ WebAssembly.
Cách Photoshop giải quyết vấn đề khi xử lý các tệp lớn hơn dung lượng bộ nhớ
Tìm hiểu cách Adobe cho phép người dùng chỉnh sửa ngay cả những tệp lớn nhất trên phiên bản web của ứng dụng Photoshop mang tính biểu tượng. (Bài viết này cũng có dạng video.) Năm 2021, Adobe cùng với nhóm kỹ sư Chrome đã ra mắt một phiên bản
Cách ứng dụng chỉnh sửa hình ảnh vectơ Boxy SVG sử dụng API Local Font Access để cho phép người dùng chọn phông chữ trên máy yêu thích của họ
API truy cập phông chữ cục bộ cung cấp một cơ chế để truy cập dữ liệu phông chữ đã cài đặt cục bộ của người dùng, bao gồm cả thông tin chi tiết cấp cao hơn như tên, kiểu và bộ phông chữ, cũng như các byte thô của tệp phông chữ cơ bản. Tìm hiểu cách
Tính năng mới trong WebGPU (Chrome 114)
Tối ưu hoá JavaScript và hơn thế nữa.
Các sự kiện đột biến sẽ bị xoá khỏi Chrome
Thông báo về việc ngừng sử dụng và dự kiến xoá các sự kiện đột biến, đồng thời chia sẻ cách di chuyển mã trước khi chúng tôi xoá vào tháng 7 năm 2024.
Chrome 115 phiên bản thử nghiệm
Nhiều từ khoá cho tài sản hiển thị CSS, WGSLLanguageFeatures cho WebGPU, bản nâng cấp HTTPS, v.v.
Di chuyển khỏi các URL dữ liệu trong phần tử SVG
Hỗ trợ về dữ liệu: Các URL trong phần tử SVG sẽ bị loại bỏ. Bạn nên chuyển sang các giải pháp thay thế.
Chrome tắt tính năng sửa đổi document.domain
Nếu trang web của bạn dựa vào việc thiết lập document.domain, thì bạn cần thực hiện hành động.
Công bố bản dùng thử theo nguyên gốc Compute Compute thứ hai
Bản dùng thử theo nguyên gốc mới của Chrome cho phép các nhà phát triển web giám sát áp lực điện toán.
Cách trình chỉnh sửa trò chơi Cấu trúc 3 sử dụng API Truy cập hệ thống tệp để cho phép người dùng lưu trò chơi của họ
API Quyền truy cập vào hệ thống tệp cho phép các chức năng đọc, ghi và quản lý tệp. Tìm hiểu cách Construct 3 sử dụng API này. (Bài viết này cũng có dạng video.) Construct 3 là một trình chỉnh sửa trò chơi do hai anh em Thomas và Ashley Gullen phát
Điểm mới trong Chrome 114
Chrome 114 hiện đã ra mắt! Chrome 114 hiện đã ra mắt! Với tính năng xuống dòng tự động: cân bằng để cải thiện bố cục văn bản, Cookie có trạng thái phân vùng độc lập đã ra mắt, API cửa sổ bật lên mới giúp cửa sổ bật lên dễ dàng hơn bao giờ hết và còn nhiều chức năng khác nữa.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 115)
Bảng điều khiển Elements (Thành phần) sẽ nhận được huy hiệu subgrid mới cho subgrid (lưới con). Tính năng này hiện đang trong giai đoạn thử nghiệm trong Chrome Canary. Để kiểm tra và gỡ lỗi lưới lồng nhau là lưới con, do đó kế thừa số lượng và kích
Thiết kế trải nghiệm người dùng vượt trội nhờ API Bảng điều khiển bên mới
Giới thiệu API Bảng điều khiển bên mới dành cho các tiện ích của Chrome.
Tạo các đường cong ảnh động phức tạp trong CSS bằng hàm gia tốc tuyến tính()
Giới thiệuLinear(), một hàm gia tốc trong CSS nội suy tuyến tính giữa các điểm của nó, cho phép bạn tạo lại hiệu ứng nảy và hiệu ứng lò xo.
Mẹo cho Công cụ cho nhà phát triển: Workspace
Sử dụng Workspace để lưu các thay đổi bạn thực hiện trong Công cụ cho nhà phát triển vào tệp nguồn cục bộ.
Tệp kê khai – nền
Tài liệu tham khảo về thuộc tính nền của tệpManifest.json.
Ra mắt API cửa sổ bật lên
Tìm hiểu cách tạo chú giải công cụ, trình đơn và nhiều nội dung khác bằng API cửa sổ bật lên mới.
Cách LEGO® Education sử dụng Web Bluetooth và Web Serial API
LEGO Education sử dụng sức mạnh của web để giúp việc kết nối các mô hình LEGO với máy tính trở nên đơn giản nhất có thể.
Có gì mới về Aurora?
Tìm hiểu những hoạt động gần đây của đội ngũ Chrome Aurora và lộ trình của họ cho năm 2023.
Cách trình chỉnh sửa mô hình 3D Blockbench sử dụng API EyeDropper để người dùng có thể chọn màu từ mọi nơi
EyeDropper API cung cấp một cơ chế để tạo công cụ chọn màu cho phép người dùng lấy mẫu màu từ màn hình, bao gồm cả bên ngoài cửa sổ trình duyệt. Tìm hiểu cách trình chỉnh sửa mô hình 3D Blockbench sử dụng API này trong cơ sở mã của họ. (Bài viết này
Đã có bản dùng thử theo nguyên gốc Bộ chứa bộ nhớ
Storage Standard xác định một API để ước tính hạn mức và bộ nhớ ổn định, cũng như cấu trúc bộ nhớ của nền tảng. Chúng tôi đang thử nghiệm một API để giúp việc giải phóng bộ nhớ liên tục dưới áp lực bộ nhớ nặng nề dễ dự đoán hơn. Hãy dùng thử Storage Buckets API trong bản dùng thử theo nguyên gốc chạy từ Chrome 115 đến Chrome 118.
Cách ứng dụng chỉnh sửa hình ảnh Photopea sử dụng API Xử lý tệp để cho phép người dùng mở tệp từ trình khám phá tệp
API Xử lý tệp cho phép các ứng dụng web tự đăng ký làm trình xử lý tệp cho các định dạng tệp mà ứng dụng có thể hỗ trợ. Tìm hiểu cách ứng dụng chỉnh sửa hình ảnh Photopea sử dụng API này. (Bài viết này cũng có dạng video.) Photopea là một trình chỉnh
Đã cập nhật tiến trình ngừng sử dụng Web SQL
Web SQL đã bị xoá hoàn toàn trong Chromium 119.
Tính năng mới trong CSS và giao diện người dùng: Phiên bản I/O 2023
20 tính năng CSS và giao diện người dùng hàng đầu được giới thiệu tại Google I/O 2023 mà bạn không nên bỏ lỡ.
WebGPU: Mở khoá quyền truy cập GPU hiện đại trong trình duyệt
Tìm hiểu cách WebGPU khai phá sức mạnh của GPU để máy học hoạt động nhanh hơn và kết xuất đồ hoạ tốt hơn.
Tự động điền dùng chung trên các iframe: đề xuất ban đầu
Một số biểu mẫu có các trường trong iframe, điều này gây ra sự cố cho tính năng tự động điền của trình duyệt. Với tính năng tự động điền dùng chung, khung chính có thể chỉ định độ tin cậy của các iframe nhiều nguồn gốc để hỗ trợ trải nghiệm tự động điền tốt hơn cho người dùng.
Tìm vấn đề về biểu mẫu với Công cụ của Chrome cho nhà phát triển
Nhóm Công cụ của Chrome cho nhà phát triển đang xây dựng thêm các tính năng mới để giúp tìm các sự cố về biểu mẫu và gỡ lỗi tính năng Tự động điền. Các tính năng này đang ở giai đoạn thiết kế và triển khai ban đầu nên chúng tôi cần bạn thử nghiệm cũng như góp ý.
10 nội dung cập nhật tại Google I/O
Tìm hiểu cách chúng tôi giúp nhà phát triển dễ dàng cung cấp trải nghiệm mạnh mẽ cho người dùng thông qua các bản cập nhật quan trọng và tính năng mới ra mắt mà chúng tôi đã chia sẻ tại Google I/O 2023.
Những điểm mới cho web trên Android năm 2023
Bản cập nhật các công cụ đưa web lên Android. Cải thiện quyền riêng tư và hỗ trợ tốt hơn cho màn hình lớn trong WebView, thẻ tuỳ chỉnh một phần trong Thẻ tuỳ chỉnh, cài đặt dễ dàng hơn và các tính năng tích hợp cho PWA, quản lý thanh toán trên Cửa hàng Play cho TWA, v.v.
WebDriver BiDi: Bản cập nhật trạng thái năm 2023
Bài viết này cung cấp thông tin tổng quan về những điểm mới trong WebDriver BiDi năm 2023.
Sẵn sàng cho Google I/O
Xây dựng chương trình làm việc của riêng bạn để chuẩn bị cho Google I/O.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 114)
Theo mặc định, DevTools sẽ bật Settings (Cài đặt) > Experiments (Thử nghiệm) > WebAssembly Debugging: Enable DWARF support (Gỡ lỗi WebAssembly: Bật tính năng hỗ trợ DWARF). Để biết thêm thông tin, hãy xem bài viết Gỡ lỗi WebAssembly bằng các
Tạo ảnh động cho các phần tử khi cuộn bằng ảnh động theo hướng cuộn
Tìm hiểu cách sử dụng Dòng thời gian cuộn và Xem dòng thời gian để tạo ảnh động theo thao tác cuộn theo cách khai báo.
Tính năng mới trong Chrome 113
Chrome 113 hiện đã ra mắt! WebGPU có mặt ở đây, nó cho phép đồ hoạ 3D hiệu suất cao và tính toán song song dữ liệu trên web, devtools giờ đây có thể ghi đè các tiêu đề phản hồi mạng, Nhóm bên thứ nhất, một phần của Hộp cát về quyền riêng tư, cho phép các tổ chức khai báo các trang web liên quan đang bắt đầu ra mắt và còn nhiều hơn thế nữa.
Giới thiệu về trình chạy dịch vụ tiện ích
Trình chạy dịch vụ tiện ích là trình xử lý sự kiện trung tâm của tiện ích. Điều đó làm cho trình chạy khác với trình chạy dịch vụ web.
Chrome 114 phiên bản thử nghiệm
Cân bằng dòng tiêu đề CSS, CHIPS, sự kiện scrollend và cửa sổ bật lên.
Sự kiện trong trình chạy dịch vụ
Trình chạy dịch vụ tiện ích phản hồi cả sự kiện trình chạy dịch vụ chuẩn và nhiều sự kiện trong API tiện ích.
Cải thiện tính năng gọi video với phương thức mã hoá AV1 nhanh hơn
Chrome 113 có các điểm cải tiến cho bộ mã hoá phần mềm AV1 của nhóm Chrome Open Media.
Vòng đời trình chạy của dịch vụ tiện ích
Trình chạy dịch vụ của phần mở rộng phản hồi cả sự kiện và sự kiện của trình chạy dịch vụ chuẩn trong không gian tên của phần mở rộng. Các tiện ích này được trình bày cùng nhau vì thường thì một loại theo sau một tiện ích khác trong khi sử dụng tiện ích.
Thông tin cơ bản về trình chạy dịch vụ tiện ích
Trình chạy dịch vụ tiện ích được cài đặt và cập nhật khác với trình chạy dịch vụ web.
Làm mờ nền máy ảnh
Một bản dùng thử theo nguyên gốc mới của Chrome cho phép các nhà phát triển web kiểm soát độ mờ của nền của máy ảnh.
Tài nguyên dành cho nhà phát triển: Xem và tải bản đồ nguồn theo cách thủ công
Sử dụng bảng điều khiển Tài nguyên dành cho nhà phát triển để kiểm tra xem bản đồ nguồn có tải thành công hay không và tải theo cách thủ công.
Tính năng mới trong WebGPU (Chrome{5}113)
WebGPU đi kèm trong Chrome với tích hợp WebCodecs trong giai đoạn dùng thử theo nguyên gốc.
Truy vấn nội dung nghe nhìn cập nhật về CSS
Điều chỉnh giao diện người dùng cho phù hợp với khả năng tốc độ làm mới của màn hình.
Mẹo cho Công cụ cho nhà phát triển: Bản đồ nguồn trong Công cụ cho nhà phát triển
Sử dụng bản đồ nguồn trong Công cụ cho nhà phát triển để gỡ lỗi mã gốc thay vì triển khai.
Đo lường mức độ tương tác của người dùng
Cách đo lường mức độ tương tác của người dùng trong Thẻ tuỳ chỉnh.
Khởi động và tìm nạp trước: sử dụng Dịch vụ tab tuỳ chỉnh
Tìm hiểu cách tận dụng Dịch vụ Thẻ tuỳ chỉnh để cải thiện trải nghiệm người dùng.
Tuỳ chỉnh giao diện người dùng
Cách tạo Thẻ tuỳ chỉnh phù hợp với giao diện ứng dụng.
Bắt đầu
Cách khởi chạy Tab tùy chỉnh từ ứng dụng Android của bạn.
Làm nhiều việc cùng lúc với các thẻ tuỳ chỉnh một phần
Tìm hiểu cách sử dụng một phần Thẻ tuỳ chỉnh để cho phép người dùng tương tác với ứng dụng của bạn trong khi xem nội dung web.
Thêm tương tác tuỳ chỉnh
Cách thêm các thao tác tuỳ chỉnh vào Thẻ tuỳ chỉnh.
Có thể cài đặt giao diện người dùng phong phú hơn cho máy tính
Các thiết bị di động và cửa hàng ứng dụng đã làm thay đổi cách người dùng khám phá, đánh giá và cài đặt phần mềm. Giờ đây, ứng dụng web cung cấp một nền tảng để nhà phát triển làm nổi bật ứng dụng của họ khi cài đặt.
Nhìn lại quá khứ: sự phát triển của tự động thử nghiệm
Hành trình phát triển của hoạt động tự động thử nghiệm trên web.
Ghi âm và chụp ảnh màn hình
Cách ghi âm hoặc quay video trên một thẻ, cửa sổ hoặc màn hình.
Chromium Chronicle #33: Views AnimationBuilder
Việc sử dụng ảnh động dựa trên lớp trong Khung hiển thị có thể cải thiện hiệu suất và giảm hiện tượng giật nhưng khá khó khăn khi thiết lập. Chiến lược phát hành đĩa đơn AnimationBuilder có thể giúp giảm đáng kể độ phức tạp và cải thiện khả năng đọc
Giải quyết vấn đề ngắt kết nối bố cục CSS và thứ tự nguồn
Mong bạn phản hồi về một giải pháp được đề xuất cho vấn đề về phương thức bố cục sắp xếp các mục theo thứ tự bị ngắt kết nối với nguồn của tài liệu.
Cách thanh bên Breakpoints (Điểm ngắt) mới giúp bạn gỡ lỗi nhanh hơn
Để giúp bạn thực hiện các thao tác phổ biến như xoá hoặc tắt điểm ngắt dễ dàng hơn, chúng tôi đã thiết kế lại thanh bên của điểm ngắt để bạn có thể thực hiện chúng chỉ bằng một cú nhấp chuột.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 113)
Giờ đây, bạn có thể ghi đè tiêu đề phản hồi trong bảng điều khiển Mạng. Trước đây, bạn cần có quyền truy cập vào máy chủ web để thử nghiệm với các tiêu đề phản hồi HTTP. Với tính năng ghi đè tiêu đề phản hồi, bạn có thể tạo bản sửa lỗi nguyên mẫu cục
Chrome đi kèm WebGPU
Nhóm Chrome cung cấp WebGPU, cho phép đồ hoạ 3D hiệu suất cao và tính toán song song dữ liệu trên web.
Chrome 113 phiên bản thử nghiệm
Các tính năng đa phương tiện mới của CSS, hàm gia tốc tuyến tính() và WebGPU.
Bản phát hành Chrome nhanh hơn
Từ Chrome 114, sẽ có ít thời gian hơn giữa nhánh để bản phát hành và bản phát hành ổn định.
Tính năng mới trong Chrome 112
Chrome 112 hiện đã ra mắt! CSS hiện đã hỗ trợ các quy tắc lồng nhau. Thuật toán để đặt tiêu điểm ban đầu cho các phần tử hộp thoại đã được cập nhật, trình xử lý tìm nạp không hoạt động trên trình chạy dịch vụ từ nay được bỏ qua để giúp điều hướng nhanh hơn và nhiều tính năng khác.
Xử lý sự kiện bằng worker dịch vụ
Tìm hiểu cách tạo và gỡ lỗi trình chạy dịch vụ tiện ích.
Mẹo cho Công cụ cho nhà phát triển: Bản đồ nguồn là gì?
Tìm hiểu cách bản đồ nguồn có thể giúp bạn gỡ lỗi mã gốc thay vì triển khai.
Tiện ích bản đồ nguồn ignoreList
Cải thiện trải nghiệm gỡ lỗi trong Công cụ của Chrome cho nhà phát triển bằng tiện ích bản đồ nguồn ignoreList.
Từ Web SQL sang SQLite Wasm: hướng dẫn di chuyển cơ sở dữ liệu
Với SQLite Wasm được hỗ trợ bởi hệ thống tệp riêng gốc, bạn có thể thay thế linh hoạt công nghệ cơ sở dữ liệu Web SQL không còn được dùng nữa. Bài viết này là hướng dẫn di chuyển dữ liệu từ Web SQL sang SQLite Wasm. Bài đăng Ngừng sử dụng và xoá Web
Hợp tác với Fastly — Chuyển tiếp HTTP rõ ràng cho máy chủ k-anonymity của FLEDGE
Chúng tôi đang cải thiện các biện pháp bảo vệ quyền riêng tư của Chrome bằng cách hợp tác với Fastly để triển khai máy chủ k-anonymity cho FLEDGE. Với việc dữ liệu được chuyển tiếp qua chuyển tiếp OHTTP trong quá trình triển khai này, máy chủ Google không nhận được địa chỉ IP của người dùng cuối. Máy chủ k-anonymity là một bước tiến trong quá trình triển khai đầy đủ FLEDGE.
Cải thiện quyền riêng tư của người dùng bằng cách yêu cầu chọn gửi tiêu đề X-Request-With từ WebView
Chúng tôi muốn bảo vệ quyền riêng tư của người dùng bằng cách hạn chế thời điểm gửi tiêu đề X-Request-With.
Danh sách kiểm tra cho quá trình di chuyển Manifest V3
Tài liệu tham khảo nhanh về cách nâng cấp tiện ích từ Manifest V2 lên Manifest V3.
Quá trình chuyển đổi chế độ xem SPA diễn ra trong Chrome 111
API Chuyển đổi chế độ xem cho phép chuyển đổi trang trong các ứng dụng trang đơn, sau đó sẽ bao gồm các ứng dụng nhiều trang.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 112)
Trình ghi giới thiệu tính năng hỗ trợ các tuỳ chọn phát lại tuỳ chỉnh mà bạn có thể nhúng vào DevTools bằng một tiện ích. Thử tiện ích mẫu. Chọn tuỳ chọn phát lại tuỳ chỉnh mới để mở giao diện người dùng phát lại tuỳ chỉnh. Để tuỳ chỉnh Trình ghi
Di chuyển sang một trình chạy dịch vụ
Service worker cho phép tiện ích chỉ chạy khi cần, tiết kiệm tài nguyên.
Thay thế việc chặn trình nghe yêu cầu web
Phần thứ hai trong số ba phần mô tả các thay đổi cần thiết đối với mã không thuộc trình chạy dịch vụ tiện ích.
Chrome 112 phiên bản thử nghiệm
Lồng ghép CSS, thành phần kết hợp ảnh động và tham số trình gửi cho hàm khởi tạo formData.
Cập nhật tệp kê khai
TệpManifest.json yêu cầu định dạng cho Manifest V3 hơi khác so với định dạng của Manifest V2.
Cập nhật mã
Phần đầu trong số ba phần mô tả các thay đổi cần thiết đối với mã không thuộc trình chạy dịch vụ tiện ích.
Lồng ghép CSS
Một trong những tính năng bộ tiền xử lý CSS yêu thích của chúng tôi hiện đã được tích hợp vào ngôn ngữ: quy tắc kiểu lồng.
Cải thiện tính bảo mật của tiện ích
Phần cuối trong số ba phần mô tả các thay đổi cần thiết đối với mã không thuộc trình chạy dịch vụ tiện ích.
Tính năng mới trong Chrome 111
Chrome 111 hiện đã ra mắt! Tạo các hiệu ứng chuyển tiếp đẹp mắt trong ứng dụng trang đơn bằng View Transitions API (API Chuyển tiếp khung hiển thị) và đưa màu sắc lên một tầm cao mới với sự hỗ trợ của CSS cấp màu 4. Khám phá các công cụ mới trong bảng điều khiển kiểu để khai thác tối đa chức năng màu mới, và còn nhiều chức năng khác nữa.
Ngôi nhà mới dành cho Project Fugu API Showcase
Project Fugu API Showcase là một bộ sưu tập các ứng dụng sử dụng các API thuộc Project Fugu. Dự án Khả năng đa công ty (tên mã Dự án Fugu ) tại Google có mục tiêu giúp các ứng dụng web có thể làm mọi thứ mà các ứng dụng dành riêng cho nền tảng có thể
Bảo vệ quyền riêng tư! Giờ đây, người dùng chia sẻ màn hình của họ một cách khôn ngoan hơn
Bằng cách áp dụng lý thuyết nhắc nhở hoạt động, chúng tôi đã khiến người dùng không còn bị bắn vào chân trong các cuộc gọi hội nghị truyền hình.
Liên kết các phần tử với nhau bằng cách định vị neo CSS
Một API mới sắp ra mắt trên nền tảng web để giúp bạn định vị các phần tử theo cách thích ứng mà không cần thủ thuật.
Hợp tác với ngành để phát triển CHIPS
Tìm hiểu hai thách thức mà nhóm Chrome phải đối mặt khi triển khai CHIPS và xem ý kiến phản hồi của cộng đồng đóng vai trò quan trọng như thế nào trong việc phát triển thiết kế đề xuất.
Công cụ khung cho tính năng dự phòng phông chữ
Tìm hiểu cách Next.js, Nuxt.js và các thư viện khác giúp tạo CSS phông chữ dự phòng mà không cần CLS.
Nhắn tin bằng ứng dụng gốc
Trao đổi thông báo với các ứng dụng gốc từ Tiện ích của Chrome.
Cải thiện chuẩn mực hành vi trong các cuộc thảo luận về tiêu chuẩn
Cách nhóm Chrome hướng đến việc khuyến khích các cuộc thảo luận chuyên nghiệp, tôn trọng và hoà nhập hơn.
Bắt đầu với Truy vấn kiểu
Truy vấn kiểu cho phép nhà phát triển truy vấn các giá trị kiểu của phần tử mẹ bằng cách sử dụng quy tắc @container. Trong Chrome 111, các truy vấn kiểu cho các tài sản tuỳ chỉnh CSS sẽ trang đích ổn định. Hãy tìm hiểu cách bắt đầu với chúng.
Mẹo cho Công cụ cho nhà phát triển: Khám phá các vấn đề về CSS
Sử dụng ngăn Kiểu và Đã tính toán để phát hiện các vấn đề về CSS với Công cụ cho nhà phát triển.
Yêu cầu trợ giúp về các tiện ích của Chrome
Nơi tìm kiếm sự trợ giúp về những câu hỏi không có trong tài liệu này.
Thiết bị
Tài liệu tham khảo về thẻ thiết bị.
Phím tắt
Tham khảo về thẻ lối tắt.
Thử nghiệm
Tài liệu tham khảo về thẻ Thử nghiệm.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 111)
Gỡ lỗi màu HD, trải nghiệm người dùng điểm ngắt nâng cao, v.v.
sử dụng
Thông tin tham khảo về thẻ Workspace.
Địa điểm
Thông tin tham khảo về thẻ vị trí.
Tổng quan về chế độ cài đặt
Tổng quan về chế độ cài đặt.
Cải thiện tính năng dự phòng phông chữ
Thao tác ghi đè chỉ số "điều chỉnh kích thước" và phông chữ mới cho phép nhà phát triển tạo bản dự phòng phông chữ phù hợp với phông chữ trên web. Điều này làm giảm mức độ thay đổi bố cục.
Có gì mới trong Lighthouse 10
Lighthouse 10 đã ra mắt với các tính năng chấm điểm và kiểm tra mới.
Chrome 111 phiên bản thử nghiệm
Các loại màu và hệ màu CSS mới, hàm lượng giác CSS và API Chuyển đổi chế độ xem.
Trò chuyện với tay điều khiển Stadia bằng WebHID
Tay điều khiển Stadia đã được cài đặt ROM hoạt động như một tay điều khiển trò chơi tiêu chuẩn, tức là không phải tất cả các nút của tay điều khiển đều có thể truy cập được bằng Gamepad API. Giờ đây, với WebHID, bạn có thể truy cập vào các nút bị
Cờ Chrome là gì?
Bật các công cụ gỡ lỗi bổ sung hoặc dùng thử các tính năng mới hoặc tính năng thử nghiệm trong Chrome.
Tính năng mới trong Chrome 110
Chrome 110 hiện đã ra mắt! Thêm kiểu tuỳ chỉnh vào các phần tử hình trong hình bằng lớp giả :hình trong hình mới, thiết lập hành vi khởi chạy ứng dụng web bằng launch_handler, sử dụng thuộc tính không có thông tin xác thực trong iframe để nhúng nội dung của bên thứ ba mà không thiết lập chính sách nhúng trên nhiều nguồn gốc và nhiều tính năng khác.
Cách sử dụng API Nhật ký CrUX
Tìm hiểu về CrUX History API (API Lịch sử CrUX) và cách sử dụng API này để theo dõi các xu hướng trải nghiệm người dùng.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 110)
Xoá bảng điều khiển Hiệu suất khi tải lại, xem và đánh dấu mã trong Trình ghi, v.v.
Chromium Chronicle #32: Quản lý khoảng cách bản vá
Tìm hiểu cách nhà phát triển Chromium có thể giảm nguy cơ bị khai thác n ngày.
Yêu cầu mới đối với API Chia sẻ web trong iframe của bên thứ ba
Để tăng cường quyền riêng tư và bảo mật, giờ đây, bạn cần cho phép rõ ràng các lệnh gọi Web Share API trong iframe của bên thứ ba. Bài viết này đề cập đến một thay đổi có thể gây lỗi trong API chia sẻ trên web. Thay đổi này đã có trong Firefox, sẽ ra
Làm quen với hệ màu mới của CSS
CSS Color 4 mang đến các công cụ và khả năng màu gam rộng cho web: nhiều màu sắc hơn, chức năng thao tác và độ dốc tốt hơn.
Hướng dẫn về màu CSS có độ phân giải cao
CSS Color 4 mang đến các công cụ và chức năng màu gam màu rộng cho web.
Tương lai của tính năng Hình trong hình
Tin tức về bản dùng thử theo nguyên gốc của Chrome, cho phép bật nội dung HTML tuỳ ý trong cửa sổ luôn ở trên cùng.
Di chuyển sang màu HD CSS
CSS Color 4 mang đến các công cụ và chức năng màu gam màu rộng cho web.
Cập nhật Quyền truy cập mạng riêng tư: Thông báo về việc gia hạn thời gian Dùng thử không dùng nữa
Theo bản đặc tả về Quyền truy cập mạng riêng tư, Chrome sẽ ngừng truy cập vào các điểm cuối trên mạng riêng tư từ các trang web công khai không an toàn. Hiện đã có bản dùng thử không dùng nữa cho đến Chrome 113.
Kiểm thử quá trình chấm dứt trình chạy dịch vụ bằng Puppeteer
Hướng dẫn giải thích cách kiểm thử việc chấm dứt nhân viên dịch vụ bằng Puppeteer.
Sử dụng nhiều màu hơn và không gian mới
CSS Color 4 mang đến các công cụ và chức năng màu gam màu rộng cho web.
Mẹo cho công cụ cho nhà phát triển: Gỡ lỗi PWA
Gỡ lỗi ứng dụng web tiến bộ bằng Công cụ cho nhà phát triển.
phối màu CSS()
Kết hợp màu sắc, trong bất kỳ hệ màu nào được hỗ trợ, ngay từ CSS của bạn.
Vòng đời của trình thực thi dịch vụ tiện ích dài hơn
Trình chạy dịch vụ mở rộng giờ đây có thể duy trì hoạt động miễn là họ đang nhận được sự kiện. Điều này làm tăng độ tin cậy của nhân viên cung cấp dịch vụ tiện ích, nhưng có một sai lầm bạn cần tránh.
Scrollend, một sự kiện JavaScript mới
Xoá các hàm thời gian chờ và loại bỏ các lỗi của chúng, sau đây là sự kiện bạn thực sự cần: scrollend.
Tính năng mới trong Công cụ cho nhà phát triển
Nắm bắt những thay đổi mới nhất dành cho Công cụ cho nhà phát triển.
Trang ngoại tuyến cơ bản cho ứng dụng web trên Chrome Android
Từ Chrome 109, trình duyệt sẽ tự động tạo một trang mặc định để cho biết rằng ứng dụng hiện không kết nối mạng khi một ứng dụng web đã cài đặt trên Android không có trải nghiệm ngoại tuyến riêng.
Tài liệu ngoài màn hình trong Manifest V3
Giới thiệu API tài liệu ngoài màn hình để phát triển tiện ích của Chrome.
Kiểm soát chữ viết tắt của bạn bằng chữ cái đầu của CSS
Nói "Tạm biệt" với những giải pháp thú vị để tạo kiểu cho các mũ thả xuống của bạn!
Khám phá web hỗ trợ
Trình duyệt của bạn hỗ trợ những tính năng web nâng cao nào? Và những ứng dụng web nào sử dụng các chức năng này? Để trả lời các câu hỏi này, hãy xem một trang web kiểm thử trình duyệt và một tiện ích trình duyệt. Dự án Fugu là một nỗ lực của nhiều
Thuộc tính cookie Hết hạn và Tối đa hoá độ tuổi hiện có giới hạn trên
Kể từ bản phát hành Chrome M104 (tháng 8 năm 2022), cookie không thể đặt ngày hết hạn quá 400 ngày trong tương lai.
Chrome 110 thử nghiệm
Các chữ cái đầu tiên của CSS, trình xử lý chạy ứng dụng web, hỗ trợ iframe trên nhiều nguồn gốc cho API FedCM và nhiều tính năng khác.
Đảm bảo có thể khôi phục trang từ bộ nhớ đệm cho thao tác tiến/lùi
Cách sử dụng Lighthouse để kiểm tra xem có thể khôi phục một trang từ bộ nhớ đệm cho thao tác tiến/lùi hay không.
Iframe không có thông tin xác thực: Dễ dàng nhúng iframe trong môi trường COEP
Iframe không có thông tin xác thực được triển khai trong Chrome 110. API này cung cấp cho nhà phát triển cách tải tài liệu trong iframe của bên thứ ba bằng cách sử dụng ngữ cảnh mới và tạm thời. Đổi lại, các tệp này không phải tuân thủ các quy tắc nhúng COEP nữa. Các nhà phát triển sử dụng COEP hiện có thể nhúng iframe của bên thứ ba mà không sử dụng COEP.
SQLite Wasm trong trình duyệt, được hỗ trợ bởi Hệ thống tệp riêng tư theo nguồn gốc
Sử dụng SQLite để xử lý hiệu quả mọi nhu cầu về bộ nhớ trên web. SQLite là một hệ thống quản lý cơ sở dữ liệu quan hệ nguồn mở, gọn nhẹ, được nhúng phổ biến. Nhiều nhà phát triển sử dụng thư viện này để lưu trữ dữ liệu theo cách có cấu trúc, dễ sử
Thay đổi thiết bị đầu ra đích trong Web Audio
Tìm hiểu cách lập trình để thay đổi đích đầu ra âm thanh trong Web Audio.
Tìm nạp biểu tượng trang web
Cách tải biểu tượng trang web của trang web.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 109)
Sao chép bước dưới dạng tập lệnh trong Trình ghi, tên chức năng thực tế trong bản ghi buổi biểu diễn, v.v.
Tính năng mới trong Chrome 109
Chrome 109 hiện sắp ra mắt. Origin Private File System API (API Hệ thống tệp riêng tư gốc) hiện đã có cho Android, có một tập hợp các thuộc tính mới trong CSS. Bạn có thể dễ dàng thêm các ký hiệu toán học trong HTML với sự hỗ trợ dành cho lõi MathML và còn nhiều tính năng khác nữa.
Mẹo cho công cụ cho nhà phát triển: Gỡ lỗi API Project Fugu
Sử dụng Công cụ cho nhà phát triển để gỡ lỗi API Project Fugu.
Tìm hiểu sâu về RenderingNG: Phân đoạn khối LayoutNG
Hiện đã hoàn tất quá trình phân mảnh phân mảnh trong LayoutNG. Hãy tham khảo bài viết này để tìm hiểu cách hoạt động và tầm quan trọng của tính năng này.
Thay đổi về lịch phát hành so với Chrome 110
Từ Chrome 110, một phiên bản ổn định ban đầu sẽ được phát hành cho một tỷ lệ nhỏ người dùng.
Tìm hiểu về Biến thể của Chrome
Cơ chế để Chrome thử nghiệm các tính năng mới của trình duyệt
Các kênh phát hành Chrome là gì?
Tìm hiểu cách Chrome sử dụng các kênh phát hành Canary, Dev, Beta và Stable để thử nghiệm các tính năng mới và ra mắt các bản cập nhật.
Giúp chọn cú pháp cho CSS Nesting
Nhóm hoạt động CSS đang tiếp tục tranh luận về cách tốt nhất để xác định cách lồng ghép trong CSS. Nếu bạn là người viết CSS, chúng tôi sẽ muốn bạn trợ giúp.
Chrome Dev Insider: Năm
Cập nhật từ nhóm Nền tảng web của Chrome, nơi chúng tôi đưa nhà phát triển đến hậu trường để chia sẻ quan điểm, các cuộc trò chuyện và thông tin cập nhật.
Nội dung cập nhật về chính sách của Cửa hàng Chrome trực tuyến
Chrome đang cập nhật Chính sách chương trình dành cho nhà phát triển của Cửa hàng Chrome trực tuyến để nêu rõ các nguyên tắc hướng dẫn chính, cung cấp thêm bối cảnh thực thi và giúp các chính sách của chúng tôi dễ hiểu hơn.
Tối đa hoá mức độ liên quan của quảng cáo
Tài liệu mới cho Hộp cát về quyền riêng tư về mức độ liên quan của quảng cáo mà không có cookie của bên thứ ba.
Những điều nhà phát triển cần biết về chế độ Bộ nhớ và Trình tiết kiệm năng lượng của Chrome
Tìm hiểu cách đảm bảo trang của bạn có thể xử lý dễ dàng các chế độ mới cho Bộ nhớ và Trình tiết kiệm năng lượng của Chrome.
Mẹo cho công cụ cho nhà phát triển: Chế độ thiết bị
Mô phỏng các thiết bị đám mây bằng Chế độ thiết bị trong Công cụ cho nhà phát triển.
Chrome 109 phiên bản thử nghiệm
MathML, tiêu điểm có điều kiện dành cho getDisplayMedia(), Hệ thống tệp riêng tư gốc trên Android, v.v.
Xác nhận thanh toán an toàn trên Chrome Android
Xác nhận thanh toán an toàn cung cấp xác nhận thanh toán chống lừa đảo bằng sức mạnh của mã xác thực lên web. Tính năng này sẽ có trong Chrome Android từ Chrome 109.
Tiện ích của Chrome: Mở rộng API để hỗ trợ Điều hướng tức thì
API Extensions đã được cập nhật để hỗ trợ bộ nhớ đệm cho thao tác tiến/lùi, tải trước các thao tác điều hướng.
Đăng nhập không cần mật khẩu trên biểu mẫu bằng tính năng tự động điền khoá truy cập WebAuthn
Giao diện người dùng có điều kiện WebAuthn tận dụng chức năng tự động điền biểu mẫu của trình duyệt để cho phép người dùng đăng nhập liền mạch bằng khoá truy cập trong quy trình dựa trên mật khẩu truyền thống.
Tính năng mới trong Chrome 108
Chrome 108 hiện đang ra mắt. Chúng tôi cung cấp các API quốc tế mới để giúp bạn kiểm soát nhiều hơn khi định dạng số. API Pop Up mới có bản dùng thử theo nguyên gốc, giúp dễ dàng hiển thị nội dung quan trọng cho người dùng. CSS có một số điểm cải tiến. Và còn nhiều tính năng khác.
Cải tiến tính năng chia sẻ màn hình trong Chrome 109
Thông tin chi tiết về hai điểm cải tiến đối với tính năng chia sẻ màn hình cho web: cơ chế kiểm soát tiêu điểm thẻ khi chia sẻ màn hình và cơ chế kiểm soát tính năng phát âm thanh trên thiết bị.
Chia sẻ màn hình tốt hơn nhờ tính năng Lấy nét có điều kiện
Lấy tiêu điểm có điều kiện vào thẻ hoặc cửa sổ khi chia sẻ màn hình trên web.
Mẹo cho công cụ cho nhà phát triển: Xác định các điểm cải tiến về CSS
Sử dụng bảng Tổng quan về CSS để xác định những điểm có thể cải thiện về CSS.
Tìm CSS không hợp lệ, bị ghi đè, không hoạt động và thuộc tính khác
Nhanh chóng phát hiện các vấn đề về thuộc tính CSS.
Tệp kê khai – OAuth2
Tài liệu tham khảo cho thuộc tính OAuth2 của tệpManifest.json.
Mẹo cho Công cụ cho nhà phát triển: Điều hướng nhanh hơn trong Công cụ cho nhà phát triển
Tìm hiểu cách đẩy nhanh quy trình làm việc nhờ tính năng điều hướng trong Công cụ cho nhà phát triển nhanh hơn bằng cách sử dụng các phím tắt và chế độ cài đặt.
Trang tổng quan về CrUX
Sử dụng Trang tổng quan CrUX để trực quan hoá dữ liệu CrUX trong BigQuery
Không phải tất cả bộ nhớ đều được tạo như nhau: giới thiệu Bộ chứa bộ nhớ
Bộ chứa lưu trữ là một API giúp giải phóng bộ nhớ liên tục dưới áp lực nặng nề về bộ nhớ trở nên dễ dự đoán hơn.
Nội dung cập nhật về chính sách của Cửa hàng Chrome trực tuyến
Chrome đang cập nhật Chính sách chương trình dành cho nhà phát triển của Cửa hàng Chrome trực tuyến để nêu rõ các nguyên tắc hướng dẫn chính, cung cấp thêm bối cảnh thực thi và giúp các chính sách của chúng tôi dễ hiểu hơn.
Chrome 108 thử nghiệm
Đơn vị khung nhìn CSS mới, API quản lý thông tin xác thực liên kết, phông chữ COLRv1 biến đổi, v.v.
Chuẩn bị cho những thay đổi về hành vi đổi kích thước khung nhìn trong Chrome trên Android
Những thay đổi sắp tới đối với hành vi đổi kích thước khung nhìn trong Chrome 108, lý do Chrome thực hiện thay đổi này và những việc bạn có thể làm để chuẩn bị.
Tệp kê khai – input_components
Tài liệu tham khảo cho thuộc tính input_components của tệpManifest.json.
Nội dung cập nhật đối với hành vi của sự kiện CanMakePayment của API Trình xử lý thanh toán
Sự kiện trình chạy dịch vụ "canmakepayment" trong API Trình xử lý thanh toán giúp người bán biết liệu người dùng có thẻ trong hồ sơ trong một ứng dụng thanh toán đã cài đặt hay không. Chrome sẽ xoá các thuộc tính đính kèm với sự kiện.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 108)
Gợi ý cho các thuộc tính CSS không hoạt động, XPath mới và bộ chọn văn bản trong Trình ghi âm, v.v.
Mẹo cho Công cụ cho nhà phát triển: Các cách mở Công cụ cho nhà phát triển
Khám phá tất cả các cách để mở Công cụ của Chrome cho nhà phát triển.
Thay đổi có thể gây lỗi: các phương thức đồng bộ hoá cho AccessHandles
Để đơn giản hoá quá trình làm việc với AccessHandles trong các ngữ cảnh như Emscripten, chúng tôi sẽ làm cho các phương thức của giao diện FileSystemSyncAccessHandle đồng bộ hóa.
Tính năng mới trong Chrome 107
Chrome 107 hiện đã ra mắt! Có các thuộc tính mới trong API Chụp ảnh màn hình giúp cải thiện trải nghiệm chia sẻ màn hình.Giờ đây, bạn có thể xác định chính xác liệu tài nguyên trên trang của mình có đang chặn hiển thị hay không.Có một cách mới để gửi dữ liệu đến máy chủ phụ trợ bằng API Đang chờ khai báo trong bản dùng thử theo nguyên gốc. Và còn nhiều tính năng khác.
Mẹo cho Công cụ cho nhà phát triển: Khám phá và khắc phục văn bản có độ tương phản thấp
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để khám phá và khắc phục văn bản có độ tương phản thấp.
Làm cho trang web dễ đọc hơn
Tìm và khắc phục văn bản có độ tương phản thấp bằng Công cụ cho nhà phát triển.
Mã thông báo tin cậy đã đổi tên thành Mã thông báo trạng thái riêng tư
Trust Token API sẽ được đổi tên thành Private State Token API (API Mã thông báo trạng thái riêng tư) để mô tả rõ hơn về các lợi ích về quyền riêng tư và tiện ích của API này.
Quỹ ứng dụng web nâng cao – Cập nhật tháng 10 năm 2022
Thông qua Quỹ Ứng dụng web tiên tiến, chúng tôi đã tài trợ cho 11 dự án, phân phối hơn 100.000 đô la Mỹ thông qua Open Collective, nhằm công nhận tầm quan trọng của công việc này và tạo điều kiện để nhiều người hơn dành thời gian cho các dự án này.
Tuỳ chỉnh và tự động hoá luồng người dùng bên ngoài Trình ghi công cụ của Chrome cho nhà phát triển
Tìm hiểu cách tuỳ chỉnh và tự động hoá luồng người dùng bên ngoài Trình ghi cho nhà phát triển của Chrome.
polyfill truy vấn bên trong vùng chứa
Tìm hiểu cách polyfill truy vấn vùng chứa hỗ trợ truy vấn vùng chứa cho các trình duyệt cũ hơn.
Giúp chọn cú pháp cho kết quả khảo sát lồng ghép CSS
Xem kết quả từ 7.590 ý kiến của nhà phát triển.
Một cách mới để bắt đầu hành trình phát triển Tiện ích của Chrome
Một cách hiệu quả hơn để bắt đầu hành trình tìm hiểu của nhà phát triển Chrome.
Chrome Dev Insider: Mở rộng hiệu suất nhờ hệ sinh thái khung
Cập nhật từ nhóm Nền tảng web của Chrome, nơi chúng tôi đưa nhà phát triển đến hậu trường để chia sẻ quan điểm, các cuộc trò chuyện và thông tin cập nhật.
Thay đổi đối với chế độ tràn trên các phần tử được thay thế trong CSS
Cảnh báo nâng cao về sự thay đổi đối với hành vi của CSS có thể gây ra lỗi tràn nguồn không mong muốn.
Tiện ích Hello World
Tạo tiện ích Chrome Hello World đầu tiên.
Chạy tập lệnh trên mọi trang
Tìm hiểu cách tự động thêm các phần tử mới vào các trang web hiện có.
Quản lý thẻ
Tìm hiểu cách sắp xếp các thẻ theo cách lập trình bằng nhóm thẻ.
Dự án Fugu có "hoàn thành" không?
Bài viết này tập trung vào việc thay đổi trọng tâm của nhóm Project Fugu từ việc triển khai các tính năng mới sang việc tinh chỉnh và cải thiện các tính năng hiện có.
Chèn tập lệnh vào thẻ đang hoạt động
Tìm hiểu cách đơn giản hoá kiểu của trang hiện tại.
Tệp kê khai - Tác giả
Tài liệu tham khảo cho thuộc tính tên tác giả của tệpManifest.json.
Chrome 107 phiên bản thử nghiệm
Các bổ sung cho API Chụp ảnh màn hình, nội suy thuộc tính mẫu lưới CSS, v.v.
API Trình xử lý thanh toán sẽ yêu cầu CSP connect-src
Người dùng API Trình xử lý thanh toán sẽ phải thêm điểm cuối thanh toán vào chỉ thị "connect-src" nếu bạn đang sử dụng CSP.
Chế độ kiểm soát việc chia sẻ màn hình bảo đảm quyền riêng tư
Hướng dẫn người dùng tránh việc chia sẻ quá mức nhờ các chế độ kiểm soát việc chia sẻ màn hình bảo đảm quyền riêng tư trên web.
Tránh chia sẻ quá nhiều khi chia sẻ màn hình
Nền tảng web này hiện đi kèm với các chế độ kiểm soát bổ sung để bảo vệ quyền riêng tư khi chia sẻ màn hình.
Thông tin chi tiết khác về quá trình chuyển đổi sang Manifest V3
Thông tin chi tiết mới về kế hoạch di chuyển tiện ích sang Manifest V3
Mẹo cho nhà phát triển: Chỉnh sửa, gỡ lỗi và xuất bản ghi luồng người dùng
Sử dụng bảng điều khiển Máy ghi âm và các tiện ích của bảng điều khiển này để chỉnh sửa, gỡ lỗi và xuất bản ghi luồng người dùng.
Tính năng mới trong Chrome 106
Chrome 106 hiện đang ra mắt. Chúng tôi cung cấp các API quốc tế mới để giúp bạn kiểm soát nhiều hơn khi định dạng số. API Pop Up mới có bản dùng thử theo nguyên gốc, giúp dễ dàng hiển thị nội dung quan trọng cho người dùng. CSS có một số điểm cải tiến. Và còn nhiều tính năng khác.
Cách Chrome chuẩn bị bản cập nhật cho hàng tỷ người dùng
"Trò chuyện với Quản lý chương trình kỹ thuật của nhóm phát hành Chrome, tìm hiểu cách họ đảm bảo mỗi bản phát hành diễn ra suôn sẻ."
Các vấn đề đã biết khi di chuyển sang Manifest V3
Gần đây, chúng tôi đã thông báo về các thay đổi đối với tiến trình ngừng sử dụng Manifest V2. Mặc dù vẫn cam kết chắc chắn với Manifest V3, nhưng chúng tôi xác nhận rằng chúng tôi vẫn còn nhiều việc cần làm. Chúng tôi cam kết sẽ thu hẹp khoảng cách
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 107)
Tuỳ chỉnh phím tắt, đánh dấu các đối tượng C/C++ trong Trình kiểm tra bộ nhớ và nhiều tuỳ chọn khác.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 106)
Hỗ trợ tốt hơn cho gỡ lỗi web hiện đại, bảng chi tiết thời gian LCP trong Thông tin chi tiết về hiệu suất, v.v.
Truy vấn vùng chứa bắt đầu xuất hiện trong các trình duyệt ổn định trong khi polyfill có bản cập nhật lớn
"Truy vấn vùng chứa cho phép các thành phần sở hữu thông tin định kiểu thích ứng dựa trên không gian phù hợp. Tính năng này đang bắt đầu được triển khai cho các trình duyệt hiện đại và có một bản cập nhật lớn cho hỗ trợ polyfill."
Cửa sổ bật lên: Chúng đang hồi sinh!
Mô hình có vấn đề trở nên dễ dàng hơn nhiều với các API tích hợp mới đến nền tảng.
Mở rộng Trình kiểm tra bộ nhớ để gỡ lỗi C/C++
Tìm hiểu cách chúng tôi cải tiến tính năng gỡ lỗi ứng dụng C/C++ WebAssembly bằng Trình kiểm tra bộ nhớ
Bản dùng thử theo nguyên gốc iframe ẩn danh: Dễ dàng nhúng iframe trong môi trường COEP
Các nhà phát triển sử dụng COEP hiện có thể nhúng iframe của bên thứ ba mà không sử dụng COEP. Bạn có thể thử nghiệm bản dùng thử theo nguyên gốc iframe ẩn danh trong Chrome từ phiên bản 106 đến phiên bản 108.
Mẹo cho nhà phát triển: Cách kiểm tra và gỡ lỗi CSS flexbox
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để kiểm tra, sửa đổi và gỡ lỗi bố cục flexbox CSS.
Ngừng sử dụng và xoá trong Chrome 106
Tóm tắt việc ngừng sử dụng và xoá trong Chrome 106 để giúp bạn lên kế hoạch.
Nghiên cứu điển hình: Gỡ lỗi góc hiệu quả hơn bằng Công cụ cho nhà phát triển
Với việc sử dụng Angular làm thí điểm thử nghiệm, các nhóm Chrome Công cụ và Angular đã cộng tác để mang đến cho bạn trải nghiệm gỡ lỗi tốt hơn. Các khung khác có thể gửi các thay đổi tương tự.
Ngừng sử dụng và xoá Web SQL
Web SQL được đề xuất lần đầu tiên vào tháng 4 năm 2009 và bị bỏ qua vào tháng 11 năm 2010. Công cụ này đã bị xoá khỏi Chrome theo các bước, ban đầu là trong ngữ cảnh không an toàn, sau đó hoàn toàn kể từ Chrome 119.
Gỡ lỗi web hiện đại trong Công cụ của Chrome cho nhà phát triển
Hãy xem một số thay đổi gần đây trong Công cụ của Chrome cho nhà phát triển nhằm cải thiện trải nghiệm gỡ lỗi và phân tích tài nguyên của bạn khi làm việc với các gói, khung và mã của bên thứ ba.
Tính năng mới trong Chrome 105
Chrome 105 hiện đang ra mắt. Truy vấn vùng chứa và :has() là sự kết hợp hoàn hảo trong khả năng thích ứng. Sanitizer API mới cung cấp một bộ xử lý mạnh mẽ cho các chuỗi tuỳ ý để giúp giảm các lỗ hổng bảo mật tập lệnh trên nhiều trang web. Chúng tôi sắp ngừng sử dụng WebSQL. Và còn nhiều tính năng khác.
Nén và giải nén trong trình duyệt bằng ComCompression ống API (API Luồng nén)
Viết các ứng dụng web nhỏ hơn không cần vận chuyển thư viện nén hoặc giải nén riêng Compression Streams API (API Luồng nén) dùng để nén và giải nén các luồng dữ liệu bằng định dạng gzip hoặc deflate (hoặc deflate-raw). Với khả năng nén, các ứng dụng
Tối ưu hoá hình ảnh bằng Chỉ thị hình ảnh góc
Giới thiệu chỉ thị hình ảnh Angular mới (NgOptimizedImage) để mang lại các kỹ thuật tối ưu hoá hiệu suất tích hợp sẵn cho hình ảnh trong ứng dụng Angular.
Mẹo cho nhà phát triển: Cách đẩy nhanh quy trình làm việc bằng lối tắt trên Bảng điều khiển
Sử dụng phím tắt do Console Utilities API cung cấp để tham chiếu nhanh đến các phần tử gần đây, đối tượng truy vấn, giám sát sự kiện và lệnh gọi hàm, v.v.
Làm quen với lớp trên cùng: giải pháp cho z-index:10000
Với các thành phần và API mới được tích hợp sẵn sắp tới, 'Lớp trên cùng' mà chúng cho phép chúng ta sử dụng là gì?
Mẹo cho công cụ cho nhà phát triển: Cách kiểm tra lưới CSS
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để xem và thay đổi bố cục lưới CSS.
Xoá tuỳ chọn Thông báo đẩy của máy chủ HTTP/2 khỏi Chrome
Theo mặc định, tính năng đẩy máy chủ HTTP/2 sẽ bị tắt trong Chrome 106
Trình duyệt có thể tối ưu hoá việc tải tài nguyên của bên thứ ba không?
Thúc đẩy các thay đổi để cải thiện khả năng tải tài nguyên của bên thứ ba trên web
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 105)
Hỗ trợ phát lại từng bước và di chuột qua các sự kiện trong Trình ghi, LCP trong bảng Thông tin chi tiết về hiệu suất và nhiều tính năng khác.
Mẹo cho Công cụ cho nhà phát triển: Cách kiểm tra và sửa đổi ảnh động CSS
Sử dụng thẻ Ảnh động để kiểm tra và sửa đổi các ảnh động, hiệu ứng chuyển đổi CSS, v.v.
Mẹo cho Công cụ cho nhà phát triển: Nhận thông tin chi tiết hữu ích về hiệu suất trang web của bạn
Nhận thông tin chi tiết hữu ích về hiệu suất trang web của bạn thông qua bảng điều khiển Thông tin chi tiết về hiệu suất mới
Ngừng sử dụng và xoá trong Chrome 105
Tóm tắt việc ngừng sử dụng và xoá trong Chrome 105 để giúp bạn lên kế hoạch.
Các thay đổi đối với navigationEvent trong Chrome 105
API điều hướng nhận hai phương thức mới trên navigationEvent: block() thay thế transitionFailure() và scroll() thay thế recoveryScroll().
:has(): bộ chọn gia đình
Với :has() đích đến trong Chromium 105. Hãy cùng xem một số cơ hội tuyệt vời mà việc này mang lại cho CSS của chúng ta!
@container và :has(): hai API thích ứng mới và mạnh mẽ xuất hiện trong Chromium 105
"Truy vấn vùng chứa và :has() là các sự kiện phù hợp được thực hiện trên thiên đường thích ứng. Thật may là cả hai tính năng này đều kết nối được với nhau trong Chromium 105. Đây là một bản phát hành lớn với hai tính năng được yêu cầu nhiều dành cho giao diện phản hồi!"
Tính năng mới trong Chrome 104
Chrome 104 hiện sắp ra mắt! Tính năng chụp vùng chỉ định một vùng cắt khi sử dụng getDisplayMedia() để chụp thẻ hiện tại. Bạn có thể viết cú pháp truy vấn nội dung đa phương tiện bằng toán tử so sánh toán học. Quá trình chuyển đổi phần tử dùng chung sẽ bắt đầu bản dùng thử theo nguyên gốc. Và còn nhiều tính năng khác.
Định dạng tuỳ chỉnh trên web dành cho API Bảng nhớ tạm không đồng bộ
Định dạng tuỳ chỉnh trên web cho phép các trang web đọc và ghi tải trọng tuỳ ý chưa được dọn dẹp bằng một định dạng chuẩn mà các ứng dụng có thể chọn hỗ trợ các tải trọng như vậy.
Cải tiến Analytics trong Trang tổng quan dành cho nhà phát triển Cửa hàng Chrome trực tuyến
Google sắp ra mắt trải nghiệm phân tích mặt hàng được cải tiến cho Trang tổng quan dành cho nhà phát triển Cửa hàng Chrome trực tuyến. Trang tổng quan mới dễ hiểu hơn ngay lập tức và hợp nhất những thông tin hữu ích nhất ngay từ đầu.
Mẹo cho công cụ cho nhà phát triển: Cách ghi nhật ký thông báo trong Bảng điều khiển
Sử dụng Console để ghi nhật ký biến, đối tượng và thông báo, lọc và nhóm thông báo, v.v.
Giúp chọn cú pháp để lồng CSS
Hai cú pháp cạnh tranh cần bạn trợ giúp trong việc xác định cú pháp nào nên được hỗ trợ cho một ứng cử viên thông số kỹ thuật.
Hỗ trợ lớp trên cùng trong Công cụ của Chrome cho nhà phát triển
Khám phá lớp trên cùng và tìm hiểu cách Công cụ của Chrome cho nhà phát triển triển khai tính năng hỗ trợ cho lớp này.
Thông tin cập nhật về nguồn tài trợ cho khung hiển thị web của Chrome trong năm 2022
Chúng tôi chia sẻ thông tin cập nhật về những người nhận tài trợ khung web của Chrome
Mẹo cho Công cụ cho nhà phát triển: Cách mô phỏng các tính năng đa phương tiện theo lựa chọn ưu tiên của người dùng CSS bằng Công cụ cho nhà phát triển
Sử dụng thẻ Hiển thị để mô phỏng lựa chọn ưu tiên của người dùng và kiểm tra hành vi thích ứng của người dùng trên trang web.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 104)
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, v.v.
Chrome Dev Insider: Phiên bản CSS và giao diện người dùng
Cập nhật từ nhóm Nền tảng web của Chrome, nơi chúng tôi đưa nhà phát triển đến hậu trường để chia sẻ quan điểm, các cuộc trò chuyện và thông tin cập nhật.
Đã ra mắt cơ chế Trao đổi có chữ ký cho trang web dành cho máy tính
Thông báo về việc hỗ trợ cơ chế Trao đổi có chữ ký cho trình duyệt Chromium trên máy tính cùng với các tính năng mới ra mắt gần đây.
Kiểm tra và gỡ lỗi các truy vấn vùng chứa CSS
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để kiểm tra, sửa đổi và gỡ lỗi các truy vấn vùng chứa CSS.
Mẹo cho Công cụ cho nhà phát triển: Cách kiểm tra truy vấn vùng chứa CSS
Kiểm tra và gỡ lỗi các truy vấn vùng chứa CSS bằng Công cụ cho nhà phát triển.
Ngừng sử dụng và xoá trong Chrome 104
Tóm tắt việc ngừng sử dụng và xoá trong Chrome 104 để giúp bạn lên kế hoạch.
Tính năng mới trong Chrome 103
Chrome 103 hiện đã ra mắt! Có mã trạng thái HTTP mới giúp trình duyệt quyết định nội dung nào cần tải trước trước khi trang bắt đầu truy cập. API truy cập phông chữ cục bộ cung cấp cho ứng dụng web khả năng liệt kê và sử dụng phông chữ được cài đặt trên máy tính của người dùng. Có một cách dễ dàng hơn để triển khai thời gian chờ trên API không đồng bộ. Và còn nhiều tính năng khác.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 103)
Ghi lại các sự kiện nhấp đúp và nhấp chuột phải, các lựa chọn mới để đo lường luồng người dùng trong Lighthouse, v.v.
Tính năng mới trong Chrome 102
Chrome 102 hiện sắp ra mắt! PWA đã cài đặt có thể đăng ký làm trình xử lý tệp, giúp người dùng dễ dàng mở tệp trực tiếp từ ổ đĩa. Thuộc tính inert cho phép bạn đánh dấu các phần của DOM là inert. API điều hướng giúp các ứng dụng trang đơn xử lý việc điều hướng và cập nhật URL dễ dàng hơn. Và còn nhiều tính năng khác!
Tài liệu tham khảo về tính năng hỗ trợ tiếp cận
Tài liệu tham khảo toàn diện về bộ tính năng hỗ trợ tiếp cận trong Công cụ của Chrome cho nhà phát triển.
Cách thức và lý do chúng tôi xây dựng Thông tin chi tiết về hiệu suất
Cách thức và lý do chúng tôi xây dựng bảng Thông tin chi tiết về hiệu suất.
Xác nhận thanh toán an toàn
Thông tin tổng quan cấp cao về một tiêu chuẩn web được đề xuất để cho phép xác thực an toàn với nhà cung cấp dịch vụ thanh toán.
Đăng ký xác nhận thanh toán an toàn
Triển khai quy trình và giao thức đăng ký cho SPC để khách hàng có thể xác thực hiệu quả với các công ty phát hành thẻ hoặc ngân hàng trực tiếp từ người bán.
Hướng dẫn di chuyển WebAssembly
Do đà phát triển của tính năng hỗ trợ WebAssembly trên nhiều trình duyệt, chúng tôi dự định tập trung vào việc phát triển mã gốc trên WebAssembly trong tương lai và dự định ngừng hỗ trợ PNaCl trong quý 4 năm 2019 (ngoại trừ Ứng dụng Chrome). Chúng
Xác thực bằng xác nhận thanh toán an toàn
Triển khai giao thức xác thực cho SPC để xác thực giao dịch của khách hàng.
Ngừng sử dụng và xoá trong Chrome 103
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 103 để giúp bạn lên kế hoạch.
Tương tác với hỗ trợ công cụ Hiển thị tiếp theo (INP)
Hỗ trợ tương tác với thời gian hiển thị tiếp theo trên các công cụ hiệu suất của Chrome.
Ứng dụng nhiều trang nhanh hơn với luồng
Tìm hiểu cách sử dụng luồng công việc để tạo nhiều ứng dụng sử dụng phần đánh dấu một phần từ bộ nhớ đệm của trình chạy dịch vụ và một phần nội dung từ mạng để tạo ra trải nghiệm nhanh chóng, hiển thị gần như ngay lập tức.
Proxy tìm nạp trước riêng tư trong Chrome dành cho quản trị viên mạng
Tổng quan về cách lọc nội dung trên các thành phần điều hướng được tìm nạp trước.
Tăng tốc LCP bằng tính năng tìm nạp trước trên nhiều trang web
Giới thiệu về những công nghệ hiện có.
Proxy tìm nạp trước riêng tư trong Chrome
Tăng tốc Thời gian hiển thị nội dung lớn nhất (LCP) nhờ tính năng tìm nạp trước trên nhiều trang web.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 102)
Bảng điều khiển mới cho Thông tin chi tiết về hiệu suất, các phím tắt để mô phỏng các giao diện sáng/tối và nhiều tính năng khác.
Gỡ lỗi WebAssembly nhanh hơn
Cách chúng tôi giúp gỡ lỗi WebAssembly nhanh hơn cho các ứng dụng lớn.
Chia sẻ thẻ hiệu quả hơn nhờ tính năng Capture Xử lý
Nền tảng web hiện có sẵn tính năng Chụp ảnh xử lý. Đây là một cơ chế cho phép ứng dụng web chụp ảnh xác định ứng dụng web đã chụp một cách hợp lý và tự tin nếu ứng dụng web đã chụp đã chọn sử dụng.
Quỹ ứng dụng web nâng cao
Công bố Quỹ ứng dụng web nâng cao, hỗ trợ những người làm cho web trở nên mạnh mẽ hơn.
Xem thuộc tính của đối tượng DOM
Xem và lọc thuộc tính của đối tượng DOM.
Kiểm thử bộ nhớ đệm cho thao tác tiến/lùi
Đảm bảo các trang của bạn được tối ưu hoá để lưu vào bộ nhớ đệm cho thao tác tiến/lùi.
Tính năng mới trong Chrome 101
Chrome 101 hiện đang ra mắt với một phương thức mới giúp chỉ định màu bằng ký hiệu hwb và mức độ ưu tiên tìm nạp đưa ra gợi ý cho trình duyệt thứ tự tải xuống tài nguyên lý tưởng. Và còn nhiều tính năng khác!
Giúp người dùng dễ dàng truy cập vào nội dung thu gọn bằng cách sử dụng hidden=until-found
Cách giá trị thuộc tính mới này có thể đảm bảo rằng người dùng có thể tìm thấy và liên kết nội dung trong các phần đàn xếp.
Tối ưu hoá LCP bằng cơ chế trao đổi có chữ ký
Cơ chế trao đổi có chữ ký là một phương thức giúp các nhà phát triển web cải thiện đáng kể tốc độ tải trang qua các đường liên kết giới thiệu AppCompat, chẳng hạn như Google Tìm kiếm. Các hộp đánh dấu có thể cung cấp lợi ích chỉ từ việc bật hộp đánh dấu, nhưng bạn có thể thực hiện thêm các bước để khai thác tối đa chúng.
Kiểm soát các tính năng của trình duyệt bằng Chính sách quyền
Quản lý cách trang của bạn và iframe được nhúng của bên thứ ba truy cập vào các tính năng của trình duyệt.
Tìm hiểu sâu về RenderingNG: BlinkNG
Tìm hiểu về BlinkNG và các dự án phụ giúp giải quyết các vấn đề tồn đọng từ lâu về mặt tổ chức và cấu trúc của mã Blink.
Nhúng nội dung một cách an toàn trên trang web của bạn
Tìm hiểu về nhiều phần tử HTML được dùng để nhúng nội dung và cách tối ưu hoá để bảo mật.
Ra mắt Chrome Dev Insider
Loạt video mới của nhóm Nền tảng web của Chrome, nơi chúng tôi đưa các nhà phát triển đến hậu trường để chia sẻ quan điểm, các cuộc trò chuyện và thông tin cập nhật.
Mô phỏng các tính năng đa phương tiện của CSS
Mô phỏng ưu tiên giao diện màu, loại nội dung đa phương tiện, màu bắt buộc, ưu tiên-tương phản, ưu tiên-giảm-chuyển động, màu-gamut.
Tổng quan về thẻ hiển thị
Khám phá tập hợp các tuỳ chọn ảnh hưởng đến việc hiển thị nội dung trên web.
Phát hiện các vấn đề về hiệu suất kết xuất
Phát hiện hoạt động vẽ lại, thay đổi bố cục, lớp và thẻ thông tin, vấn đề về thao tác cuộn, xem số liệu thống kê về quá trình kết xuất và Các chỉ số quan trọng về trang web.