Khám phá Chrome
Chrome Extensions
Tìm hiểu cách phát triển các tiện ích của Chrome.
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
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ử
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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à
- Tiện ích của Chrome
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ử
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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
- Tiện ích của Chrome
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
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
Kích thước
Tài liệu kỹ thuật về các phương diện CrUX.
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
Chrome for Developers
Giúp bạn xây dựng, phát triển và đổi mới trên web.
- Chrome
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
Chrome 134 beta
Khám phá các tính năng mới nhất sắp có trên Chrome.
- 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
- 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
- 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
- Tiện ích của Chrome
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.
- Chrome
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á.
- Chrome
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
- Chrome
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
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- Tiện ích của Chrome
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.
- Chrome
- WebGpu
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
- Chrome
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.
- Tiện ích của Chrome
- Chrome
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.
- Khoá truy cập
- Chrome
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.
- Chrome
Mẹo cho công cụ cho nhà phát triển
Mẹo cho công cụ cho nhà phát triển
- Công cụ của Chrome 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.
- Chrome
- Khoá truy cập
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
Chrome 133 beta
Tìm hiểu về các tính năng mới nhất trong Chrome.
- 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.
- Chrome
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
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.
- Chrome
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
- Chrome
- Công cụ của Chrome 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
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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
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
- Tiện ích của 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
- Tiện ích của Chrome
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à
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
- WebGpu
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
- 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ụ:
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ụ:
- Tiện ích của Chrome
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à
- Tiện ích 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à
- Tiện ích của Chrome
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á
- Tiện ích của Chrome
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.
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
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ớ.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- Công cụ của Chrome 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ữ.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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
- Công cụ của Chrome cho nhà phát triển
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
- Tiện ích của Chrome
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ố
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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ộ
- Tiện ích của Chrome
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ị
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Báo cáo Trải nghiệm người dùng trên 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 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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
- WebGpu
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.
- Tiện ích của Chrome
- Chrome
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
- Chrome
- Khoá truy cập
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
- Công cụ của Chrome cho nhà phát triển
Chrome 132 beta
Tìm hiểu về các tính năng mới nhất trong Chrome.
- 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ọ.
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
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
- Công cụ của Chrome cho nhà phát triển
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
- Công cụ của Chrome cho nhà phát triển
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
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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ủ.
- Khoá truy cập
- Chrome
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.
- Chrome
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.
Tệp kê khai – Hộp cát
Cảnh báo: Kể từ phiên bản 57, Chrome sẽ không còn cho phép nội dung web bên ngoài (bao gồm cả khung và tập lệnh được nhúng) bên trong các trang ở chế độ 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
Tệp kê khai cho khu vực lưu trữ
Không giống như vùng bộ nhớ local và sync, vùng bộ nhớ managed yêu cầu cấu trúc của vùng bộ nhớ này phải được khai báo là Giản đồ JSON và được Chrome xác thực nghiêm ngặt. Bạn phải lưu trữ giản đồ này trong một tệp do thuộc tính "managed_schema" của
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à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.
- Công cụ của Chrome cho nhà phát triể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.
- Chrome
- WebGpu
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- 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.
- Chrome
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!).
- Chrome
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
- Chrome
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.
- Chromium
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
- WebGpu
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.
- Chrome
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.
- Công cụ của Chrome 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
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.
- 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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- Tiện ích của Chrome
Thuộc tính box-decoration-break trong Chrome 130
Chrome 130 hỗ trợ đầy đủ, không có tiền tố box-decoration-break.
- Chrome
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.
- Chrome
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 xem trước sớm về AI tích hợp.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- 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
- Tiện ích của Chrome
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- 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.
- 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.
- 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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Công cụ của Chrome cho nhà phát triể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.
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- 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
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
- WebGpu
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.
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
Đó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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Báo cáo Trải nghiệm người dùng trên Chrome
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
- Chrome
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.
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
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 – 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
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
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
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 ý.
- Chrome
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ử.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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"
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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í
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ợ
- Tiện ích của Chrome
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,
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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í
- Tiện ích của Chrome
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;
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ụ
- Tiện ích của Chrome
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".
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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),
- Tiện ích của Chrome
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ụ
- Tiện ích của Chrome
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ử
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
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
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
- Tiện ích của Chrome
Lighthouse: Tối ưu hoá tốc độ trang web
Giúp trang web tải nhanh hơn nhờ Chrome Lighthouse.
- Công cụ của Chrome cho nhà phát triển
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
Đị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
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".
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ụ
- Tiện ích của Chrome
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á
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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,
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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,
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ỗ
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ệ
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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à
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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í
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ử
- Tiện ích của Chrome
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ề
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ệ
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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(),
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
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
- Tiện ích của Chrome
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;
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ị
- Tiện ích của Chrome
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ó
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- 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.
- Chrome
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.
- Chrome
- WebGpu
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.
- Chrome
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
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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
- Tiện ích của Chrome
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ữ
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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ụ
- Tiện ích của Chrome
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à
- Tiện ích của Chrome
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
- Tiện ích của Chrome
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.
- Chrome
Sự kiện Scroll Snap
Ra mắt hai sự kiện JavaScript mới: scrollSnapChange và scrollSnapChange.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
Blog
Tin tức mới nhất từ nhóm Quan hệ với nhà phát triển Chrome
- 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
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
- Báo cáo Trải nghiệm người dùng trên Chrome
<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
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
Mẫu
Có các mẫu cho Tiện ích của Chrome trên GitHub.
- Tiện ích của Chrome
Phát hành ứng dụng
VIỆC CẦN LÀM
- Tiện ích của Chrome
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
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
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
Nội dung cập nhật: Trang sự kiện và trang nền
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.
luồng hộp công việc
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Phản hồi ReadableStream BodyInit Lấy nhiều Hứa hẹn nguồn, mỗi lời hứa trong số này có thể phân giải thành một Response, một ReadableStream hoặc một BodyInit. Trả về một đối
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 – 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
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
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
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.
- Chrome
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.
- Chrome
- WebGpu
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
Tuỳ chọn
Tài liệu tham khảo về thẻ lựa chọn ưu tiên.
- Công cụ của Chrome cho nhà phát triể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.
- Công cụ của 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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Tiện ích của Chrome
- Chrome
Đ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.
- Chrome
- Tiện ích của Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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
- Công cụ của Chrome cho nhà phát triể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.
- 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.
- Chrome
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.
- Tiện ích của Chrome
- Chrome
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.
- Chrome
- Tiện ích của Chrome
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).
- Chrome
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.
- Chrome
- WebGpu
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ẽ.
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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
- Công cụ của Chrome cho nhà phát triển
- Chrome
Chrome UX Report
Tài liệu kỹ thuật về các chỉ số CrUX.
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
- Công cụ của Chrome cho 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 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.
- Chrome
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.
- 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 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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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ông cụ của Chrome cho nhà phát triển
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!
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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ông cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
- WebGpu
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.
- Chrome
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.
- Chrome
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ông cụ của Chrome cho nhà phát triển
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome 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.
- Chrome
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
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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
- Chrome
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.
- 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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
- WebGpu
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à.
- Chrome
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.
- Chrome
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().
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- WebGpu
Đề 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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triể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.
- Chrome
Điều tiết
Tham chiếu thẻ điều tiết.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
Đ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.
- Chrome
- Tiện ích của Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
CrUX trên BigQuery
Tìm hiểu cách cấu trúc tập dữ liệu CrUX trên BigQuery.
- Báo cáo Trải nghiệm người dùng trên Chrome
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 mừng đượ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
- Chrome
- Tiện ích của Chrome
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.
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
- Chrome
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
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
- Chrome
- WebGpu
Đả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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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ộ.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
Ẩ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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- 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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- WebGpu
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.
- 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ị.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
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ông cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Tiện ích của Chrome
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ữ.
- Tiện ích của Chrome
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
- 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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- Tiện ích của Chrome
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
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.
- Chrome
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.
- Chrome
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.
- 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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
Đị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ụ.
- Tiện ích của Chrome
Chrome Extensions
Chưa xác định
- Tiện ích của Chrome
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ể.
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
Di chuyển sang Manifest V3
Hướng dẫn chuyển đổi tiện ích Manifest V2 sang tiện ích Manifest V3.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
- WebGpu
Đị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ớ.
- Công cụ của Chrome cho nhà phát triển
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
- Tiện ích của Chrome
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
- 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.
- Tiện ích của Chrome
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.
- 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!
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triể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.
- Tiện ích của Chrome
- Chrome
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.
- Chrome
Kích hoạt hành động từ thanh địa chỉ
Kích hoạt hành động từ thanh địa chỉ.
- Tiện ích của Chrome
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.
- Chrome
- WebGpu
Đị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.
- 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
- Chrome
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
- Tiện ích của Chrome
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á.
- WebGpu
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.
- Chrome
- WebGpu
Triển khai một hành động
Phản hồi người dùng nhấp vào thanh công cụ.
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
Đà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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- 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.
- Chrome
- WebGpu
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
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ì.
- Công cụ của Chrome cho nhà phát triển
- Chrome
Xem thông tin chi tiết về khung
Xem thông tin chi tiết về khung.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- Công cụ của Chrome 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.
- Chrome
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ô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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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,
- Chrome
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
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
- Tiện ích của Chrome
- Chrome
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.
- Chrome
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ông cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
- WebGpu
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.
- Chrome
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
- 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.
- Chrome
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.
- Tiện ích của Chrome
file_handlers
Tài liệu tham khảo cho thuộc tính file_handlers của manifest.json.
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
Ư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.
- Chrome
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.
- Chrome
- WebGpu
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.
- Chrome
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.
- Chrome
Đ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.
- Chrome
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
Nối tiếp qua Bluetooth trên web
Web Serial API đã hỗ trợ thêm cho các dịch vụ RFCOMM Bluetooth.
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
Đ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.
- Chrome
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.
- Chrome
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 của nguồn 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
- Chrome
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.
- Chrome
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
- WebGpu
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.
- Chrome
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.
- Tiện ích của Chrome
- Chrome
- Công cụ của Chrome cho nhà phát triển
Đ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ị.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- WebGpu
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
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
Đư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.
- Chrome
- Tiện ích của Chrome
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
- Chrome
Đ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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
- WebGpu
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ô.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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
- 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.
- Chrome
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.
- Chrome
Đ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.
- Chrome
Đ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.
- Tiện ích của Chrome
- Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome 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.
- 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.
- Chrome
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ị.
- Chrome
- 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 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
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- WebGpu
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.
- Tiện ích của Chrome
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á.
- Chrome
- Chrome for Testing
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ông cụ của Chrome cho nhà phát triển
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
- Chrome
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
- Chrome
Tính năng mới trong WebGPU (Chrome 114)
Tối ưu hoá JavaScript và hơn thế nữa.
- Chrome
- WebGpu
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
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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
- Chrome
Đ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.
- Chrome
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 trên 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
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Tiện ích của Chrome
- 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ộ.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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ể.
- Chrome
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.
- Chrome
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
- Chrome
Đã 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.
- Chrome
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
- Chrome
Đã 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.
- Chrome
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ỡ.
- Chrome
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.
- Chrome
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.
- Chrome
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 ý.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- WebGpu
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
Đ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.
- Chrome
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.
- Chrome
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.
- Tiện ích của Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
- 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 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
- Công cụ của Chrome cho nhà phát triển
- Chrome
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
- WebGpu
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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 Capabilities (Tính năng) trên nhiều 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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Tiện ích của Chrome
Thiết bị
Tài liệu tham khảo về thẻ thiết bị.
- Công cụ của Chrome cho nhà phát triển
Phím tắt
Tham khảo về thẻ lối tắt.
- Công cụ của Chrome cho nhà phát triển
Thử nghiệm
Tài liệu tham khảo về thẻ Thử nghiệm.
- 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 111)
Gỡ lỗi màu HD, trải nghiệm người dùng điểm ngắt nâng cao, v.v.
- Chrome
- Công cụ của Chrome cho nhà phát triển
sử dụng
Thông tin tham khảo về thẻ Workspace.
- Công cụ của Chrome cho nhà phát triển
Vị trí
Thông tin tham khảo về thẻ vị trí.
- Công cụ của Chrome cho nhà phát triển
Tổng quan về chế độ cài đặt
Tổng quan về chế độ cài đặt.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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
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.
- Chrome
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ị
- Chrome
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.
- Chrome
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.
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
- Tiện ích của Chrome
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.
- Chrome
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.
- Công cụ của Chrome 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.
- Chrome
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.
- Tiện ích của Chrome
- 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!
- Chrome
Khám phá web hỗ trợ
Trình duyệt của bạn hỗ trợ những chức năng web nâng cao nào? Và những ứng dụng web sử dụng những chức năng này là gì? Để trả lời các câu hỏi này, hãy xem một trang web thử nghiệm trình duyệt và một tiện ích của trình duyệt. Project Fugu là nỗ lực của
- Chrome
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
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.
- Chrome
Đả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.
- Chrome
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ở, nhẹ, được nhúng và 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ử
- Chrome
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.
- Chrome
Tìm nạp biểu tượng trang web
Cách tải biểu tượng trang web của trang web.
- Tiện ích của Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chromium
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.
- Chrome
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
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.
- Chrome
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
- Tiện ích của Chrome
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.
- Chrome
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.
- 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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Tiện ích của Chrome
Đă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.
- Chrome
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ị.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
Tệp kê khai – OAuth2
Tài liệu tham khảo cho thuộc tính OAuth2 của tệpManifest.json.
- Tiện ích của Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
Trang tổng quan về CrUX
Sử dụng Trang tổng quan CrUX để trực quan hoá dữ liệu CrUX trong BigQuery
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
- Chrome
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
- Tiện ích của Chrome
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.
- Chrome
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ị.
- Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome 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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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
- Tiện ích của 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.
- Chrome
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.
- Chrome
Tiện ích Hello World
Tạo tiện ích Chrome Hello World đầu tiên.
- Tiện ích của Chrome
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ó.
- Tiện ích của Chrome
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ẻ.
- Tiện ích của Chrome
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ó.
- Chrome
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.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
- Tiện ích của Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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ẻ."
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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."
- Chrome
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.
- Chrome
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ớ
- Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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ự.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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ì?
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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
- Chrome
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
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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().
- Chrome
: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!
- Chrome
@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!"
- Chrome
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.
- Chrome
Đị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.
- Chrome
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.
- Chrome
- Tiện ích của Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
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.
- Chrome
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
- 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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
Đã 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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Chrome
- Công cụ của Chrome 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.
- Chrome
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.
- Chrome
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.
- Chrome
- Công cụ của Chrome cho nhà phát triển
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!
- Chrome
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ô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.
- Chrome
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.
- Chrome
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.
- 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ó.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
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!
- Chrome
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.
- Chrome
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.
- Chromium
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.
- Chrome
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.
- Chrome
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.
- Công cụ của Chrome cho nhà phát triển
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.
- Công cụ của Chrome cho nhà phát triển
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.
- 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 101)
Nhập và xuất luồng người dùng dưới dạng JSON, hỗ trợ màu hwb(), xem các lớp tầng trong ngăn Kiểu và nhiều tính năng khác.
- Chrome
- Công cụ của Chrome cho nhà phát triển
Ngừng sử dụng và xoá trong Chrome 101
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 101 để giúp bạn lên kế hoạch.
- Chrome
Ngừng sử dụng và xoá trong Chrome 102
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 102 để giúp bạn lên kế hoạch.
- Chrome
Thông tin chi tiết về hiệu suất: 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 bằng bảng điều khiển Thông tin chi tiết về hiệu suất.
- Công cụ của Chrome cho nhà phát triển
Chào mừng Chrome 100 bằng #100CoolWebEvents
Chúng tôi kỷ niệm việc ra mắt phiên bản Chrome 100 bằng cách xem lại bộ nhớ.
- Chrome
Tính năng mới trong Chrome 100
Chrome 100 hiện đang ra mắt với số phiên bản gồm ba chữ số. Ôn lại kỷ niệm và kỷ niệm #100CoolWebEvents kể từ bản phát hành đầu tiên của Chrome. Có một số thay đổi quan trọng đối với chuỗi tác nhân người dùng. API Vị trí cửa sổ đa màn hình giúp bạn liệt kê các màn hình được kết nối với máy của người dùng và đặt cửa sổ trên các màn hình cụ thể. Và còn nhiều tính năng khác!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 100)
Xem và chỉnh sửa @supports trong các quy tắc, đổi tên và tuỳ chỉnh bộ chọn bản ghi, v.v.
- Chrome
- Công cụ của Chrome cho nhà phát triển
Ngừng sử dụng và xoá trong Chrome 100
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 100 để giúp bạn lên kế hoạch.
- Chrome
Luôn là bạn, Canvas2D
API-next-door có diện mạo mới.
- Chrome
Tính năng mới trong Chrome 99
Chrome 99 hiện đã ra mắt! Các lớp phân tầng CSS mang đến cho bạn thêm quyền kiểm soát đối với CSS và giúp ngăn chặn xung đột về đặc điểm của từng kiểu. Phương thức showPicker() cho phép bạn hiển thị bộ chọn trình duyệt cho các phần tử đầu vào như ngày, màu sắc và danh sách dữ liệu theo phương thức lập trình. Chỉ vài tuần nữa thôi là bạn có thể cập nhật phiên bản 100 của Chrome và Firefox. Và còn nhiều tính năng khác!
- Chrome
Tối ưu hoá việc tải tập lệnh của bên thứ ba trong Next.js
Bài viết này thảo luận về thành phần Tập lệnh Next.js và minh họa cách sử dụng thành phần này để sắp xếp trình tự các tập lệnh bên thứ ba một cách hiệu quả hơn.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 99)
Điều tiết các yêu cầu WebSocket, ngăn API Báo cáo mới, định kiểu bảng điều khiển và nhiều tính năng khác.
- Chrome
Kiểm tra và gỡ lỗi bố cục hộp linh hoạt 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 bố cục flexbox CSS.
- Công cụ của Chrome cho nhà phát triển
Ngừng sử dụng và xoá trong Chrome 99
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 99 để giúp bạn lên kế hoạch.
- Chrome
Sử dụng plugin
Mặc dù Workbox cung cấp rất nhiều tiện ích có sẵn, nhưng có thể đôi khi bạn cũng cần phải mở rộng để đáp ứng yêu cầu của ứng dụng. Đó là nơi mà kiến trúc trình bổ trợ của Workbox có thể phát huy tác dụng.
Tính năng mới trong Chrome 98
Chrome 98 hiện đã ra mắt! Nếu đã đăng ký dùng thử theo nguyên gốc Giao diện tối tự động, thì có một cách mới để bạn chọn không sử dụng ở cấp độ phần tử. YouTube hiện đã hỗ trợ tính năng COLRv1, một phiên bản cải tiến của định dạng phông chữ COLRv0. Và còn nhiều tính năng khác.
- Chrome
Chromium Chronicle #28: Bắt đầu với Chrome trên iOS
Tìm hiểu cách làm việc với mã đằng sau ứng dụng iOS của Chrome.
- Chrome
Các lớp phân tầng sắp hiển thị trên trình duyệt của bạn
"Lớp cascade là một CSS API mới giúp bạn quản lý ưu tiên phân tầng của mã, sẽ sớm truy cập được trong tất cả trình duyệt hiện đại."
- Chrome
Khối yêu cầu cấp quyền
Chrome 98 bổ sung không gian riêng trên thanh vị trí cho các quyền, nhằm giảm bớt yêu cầu cấp quyền cho lời nhắc để giảm sự nhất quyết của người dùng vào một quyết định nào đó.
- Chrome
Hiển thị bộ chọn của trình duyệt cho ngày, giờ, màu sắc và tệp
Nền tảng web hiện có một cách chuẩn để hiển thị bộ chọn trình duyệt.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 98)
Cây Hỗ trợ tiếp cận toàn trang, các thay đổi chính xác hơn trong thẻ Thay đổi, v.v.
- Chrome
Chrome sẽ tắt tính năng sửa đổi document.domain để nới lỏng chính sách cùng nguồn gốc
Nếu trang web của bạn dựa vào việc thiết lập "document.domain", bạn bắt buộc phải thực hiện hành động.
- Chrome
Ngừng sử dụng và xoá trong Chrome 98
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 98 để giúp bạn lên kế hoạch.
- Chrome
Phông chữ vectơ gradient màu COLRv1 trong Chrome 98
Trong Chrome 98, nhóm Chrome và Fonts đã thêm hỗ trợ cho COLRv1, một phiên bản cải tiến của định dạng phông chữ COLRv0 nhằm giúp phông chữ màu phổ biến bằng cách thêm độ dốc, kết hợp và phối màu, đồng thời cải thiện khả năng sử dụng lại hình dạng bên trong cho các tệp phông chữ sắc nét và nhỏ gọn, nén tốt.
- Chrome
Quyền truy cập mạng riêng tư: giới thiệu các kiểm tra
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. Đọc tiếp để biết các hành động được đề xuất.
- Chrome
Tính năng mới trong Chrome 97
Chrome 97 hiện đã ra mắt! Có một tuỳ chọn mới giúp gửi thông báo theo thời gian thực giữa ứng dụng và máy chủ bằng Web Transport. Bạn có thể sử dụng tính năng phát hiện tính năng để xem trình duyệt hỗ trợ những loại tập lệnh nào. JavaScript ngày càng hoàn thiện hơn và còn nhiều tính năng khác.
- Chrome
Khởi chạy API trình xử lý
Trình xử lý khởi chạy cho phép bạn kiểm soát cách khởi chạy ứng dụng, chẳng hạn như việc ứng dụng sử dụng cửa sổ hiện có hay cửa sổ mới và liệu cửa sổ đã chọn có được điều hướng đến URL khởi chạy hay không.
Cây hỗ trợ tiếp cận đầy đủ trong Công cụ của Chrome cho nhà phát triển
Xem xét cây hỗ trợ tiếp cận toàn trang mới trong Công cụ cho nhà phát triển, cũng như thiết kế và triển khai cây này.
- Chrome
Truy cập vào bộ nhớ đệm qua cửa sổ
Việc truy cập vào các thực thể Bộ nhớ đệm không chỉ bị hạn chế trong phạm vi trình chạy dịch vụ. Bạn cũng có thể truy cập chúng từ ngữ cảnh cửa sổ và trong bài viết này, bạn sẽ tìm hiểu cách thực hiện.
Phân phát âm thanh và video được lưu vào bộ nhớ đệm
Rất khó để xử lý các yêu cầu về tài nguyên âm thanh và video trong một trình chạy dịch vụ. Tìm hiểu cách sử dụng yêu cầu phạm vi hộp làm việc để xử lý các yêu cầu như vậy theo cách có thể dự đoán.
Sử dụng cửa sổ hộp làm việc
Đôi khi người dùng chuyển sang chế độ ngoại tuyến. Tìm hiểu cách thích ứng và giúp khách hàng tiếp tục yêu cầu khi họ có kết nối mạng trở lại.
Đang thử lại yêu cầu khi có kết nối mạng trở lại
Đôi khi người dùng chuyển sang chế độ ngoại tuyến. Tìm hiểu cách thích ứng và giúp khách hàng tiếp tục yêu cầu khi họ có kết nối mạng trở lại.
Lưu tài nguyên vào bộ nhớ đệm trong thời gian chạy
Tìm hiểu cách xử lý tài nguyên lưu vào bộ nhớ đệm trong thời gian chạy, bao gồm cả tài nguyên nhiều nguồn gốc.
Buộc hết thời gian chờ mạng
Tìm hiểu cách buộc mạng hết thời gian chờ khi kết nối mạng chậm và cách đặt thời gian hợp lệ.
Xử lý các nội dung cập nhật của trình chạy dịch vụ một cách nhanh chóng
Đôi khi, khi cập nhật một trình chạy dịch vụ, bạn nên cho người dùng biết. Tại đây, bạn sẽ tìm hiểu cách thực hiện việc đó.
Quản lý phản hồi dự phòng
Đôi khi, người dùng gặp sự cố mạng hoặc không có kết nối mạng. Hãy tìm hiểu cách thích ứng với những tình huống đó và có cách ứng phó dự phòng.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 97)
Bảng điều khiển mới của ứng dụng Máy ghi âm, làm mới danh sách thiết bị ở Chế độ thiết bị, v.v.
- Chrome
Giúp nhà phát triển xây dựng các ứng dụng web mạnh mẽ, có thể cài đặt
Xem xét tác động của các tính năng PWA được thêm vào Chrome.
- Chrome
Ngừng sử dụng và xoá trong Chrome 97
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 97 để giúp bạn lên kế hoạch.
- Chrome
Tính năng mới trong Chrome 96
Chrome 96 hiện đã ra mắt! Có hai thuộc tính mới trong tệp kê khai ứng dụng web. Thuộc tính mã nhận dạng cho phép bạn chỉ định một mã nhận dạng duy nhất cho PWA của bạn, còn thuộc tính Protocol_handlers cho phép bạn tự động đăng ký PWA làm trình xử lý giao thức khi cài đặt. Có một bản dùng thử theo nguyên gốc mới cho phép bạn chỉ định mức độ ưu tiên tìm nạp để tải tài nguyên xuống. Và còn nhiều tính năng khác!
- Chrome
Có gì mới trong Lighthouse 9.0
Lighthouse 9.0 ra mắt với một báo cáo được làm mới và bản xem trước hỗ trợ cho luồng người dùng.
- Chrome
Khắc phục sự cố và ghi nhật ký
Xem các tính năng ghi nhật ký và công cụ gỡ lỗi dành cho trình chạy dịch vụ trong trình duyệt của Workbox.
Trình chạy dịch vụ và mô hình shell ứng dụng
Cách ghép nối mô hình shell ứng dụng với trình chạy dịch vụ trong SPA.
Cách sử dụng Workbox
Hãy làm quen với một số cách sử dụng Workbox.
Việc truyền bá những việc nên làm và việc không nên làm
Tìm hiểu những việc nên làm và không nên làm của việc giảng dạy.
Khảo sát bằng Workbox
Tìm hiểu cách lưu trước tài sản vào bộ nhớ đệm trong trình chạy dịch vụ bằng Workbox.
Tải trước điều hướng cho HTML ưu tiên mạng
Trình tải trước điều hướng là gì, cách tính năng này có thể giúp điều hướng nhanh hơn và cách sử dụng tính năng này trong Workbox.
Tích hợp khung
Tài liệu tham khảo nhanh về các khung và trình bổ trợ tích hợp với Workbox
Sử dụng Workbox mà không cần lưu trước vào bộ nhớ đệm
Cách tạo một trình chạy dịch vụ trong Workbox mà không cần có bản dựng hộp công việc.
Ghi lại, phát lại và đo lường luồng người dùng
Ghi lại, phát lại, đo lường luồng người dùng và chỉnh sửa các bước của họ bằng bảng điều khiển Máy ghi âm.
- Công cụ của Chrome cho nhà phát triển
Buộc phiên bản lớn của Chrome ở mức 100 trong chuỗi Tác nhân người dùng
Số phiên bản Chrome sắp chuyển từ 2 chữ số xuống 3, điều này có thể ảnh hưởng đến bất kỳ mã nào đang phân tích cú pháp chuỗi Tác nhân người dùng (UA). Cờ tính năng có trong phiên bản Chrome 96 đến phiên bản 99 cho phép kiểm thử sớm bằng cách buộc số phiên bản chính trong chuỗi UA lên 100.
- Chrome
Triển khai quy trình gỡ lỗi CSP và loại đáng tin cậy trong Công cụ của Chrome cho nhà phát triển
Cách chúng tôi triển khai Chính sách bảo mật nội dung và gỡ lỗi Loại đáng tin cậy trong Công cụ của Chrome cho nhà phát triển.
- Chrome
Chọn màu của bất kỳ pixel nào trên màn hình bằng API EyeDropper
Nhà phát triển ứng dụng mẫu quảng cáo có thể sử dụng API EyeDropper để triển khai bộ chọn cho phép người dùng chọn màu trong số các pixel trên màn hình, bao gồm cả những màu bên ngoài trình duyệt.
Xây dựng thành phần hình ảnh hiệu quả
Hình ảnh là nguồn phổ biến gây tắc nghẽn hiệu suất đối với các ứng dụng web và là lĩnh vực trọng tâm chính để tối ưu hóa. Tài liệu này giải thích cách nhóm Aurora tại Google thiết kế một thành phần hình ảnh mạnh mẽ trong Next.js. Thành phần này được tích hợp sẵn với một số tính năng tối ưu hoá thông qua giao diện thân thiện với nhà phát triển. Bài đăng này thảo luận cách thiết kế của thành phần này và những bài học chúng ta rút ra được trong quá trình thực hiện.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 96)
Bảng điều khiển Tổng quan của CSS mới, mô phỏng CSS ưu tiên nội dung đa phương tiện có độ tương phản và chế độ tối tự động của Chrome, v.v.
- Chrome
Giao diện tối tự động
Tự động tạo giao diện tối cho các trang web có giao diện sáng.
- Chrome
Tổng quan về CSS: Xác định những điểm có thể cải thiện về CSS
Xác định những điểm cải thiện tiềm năng về CSS thông qua bảng Tổng quan về CSS.
- Công cụ của Chrome cho nhà phát triển
Ngừng sử dụng và xoá trong Chrome 96
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 96 để giúp bạn lên kế hoạch.
- Chrome
Xoá trình chạy dịch vụ bị lỗi
Cách khắc phục trình chạy dịch vụ đang gây ra sự cố.
Các chiến lược trình chạy dịch vụ khác nhau cho các kiến trúc khác nhau
Giới thiệu về hai cấu trúc trang web khác nhau.
Cải thiện trải nghiệm phát triển trình chạy dịch vụ
Cách giải quyết một số vấn đề phát triển cục bộ mà bạn có thể gặp phải khi sử dụng trình chạy dịch vụ.
Kỳ vọng đối với việc triển khai trình chạy dịch vụ
Hiểu tác động của trình chạy dịch vụ trên trang web sau khi được triển khai.
Chuyển sang API Báo cáo phiên bản 1
API Báo cáo đã có phiên bản mới. API mới tinh gọn hơn và có nhiều khả năng sẽ được hỗ trợ hơn trên các trình duyệt.
- Chrome
Tính năng mới trong Chrome 95
Chrome 95 vừa ra mắt! Việc định tuyến trở nên dễ dàng hơn với URLPattern được tích hợp vào trình duyệt, Eye Dropper API cung cấp một công cụ tích hợp để chọn màu. Hiện có một bản dùng thử theo nguyên gốc mới để nhận được chuỗi UA được rút gọn ngay bây giờ, và còn nhiều hơn thế nữa.
- Chrome
Giám sát ứng dụng web bằng API Báo cáo
Hãy sử dụng API Báo cáo để giám sát các lỗi vi phạm về bảo mật, các lệnh gọi API không dùng nữa, v.v.
Tìm hiểu sâu về RenderingNG: LayoutNG
Sự thay đổi lớn về cấu trúc của LayoutNG giúp làm giảm và giảm thiểu nhiều loại lỗi và vấn đề về hiệu suất.
- Chromium
Chromium Chronicle #25: Chú thích an toàn cho chuỗi
Tìm hiểu cách khung phân tích tĩnh của Clang tiếp nhận những công việc phức tạp để chứng minh độ an toàn cho luồng.
- Chrome
Nội dung cập nhật về chính sách của Cửa hàng Chrome trực tuyến trong quý 3 năm 2021
Chúng tôi sẽ cập nhật các yêu cầu về tính bảo mật và trình bày rõ hơn một số chính sách nhằm đảm bảo tính nhất quán của các tiện ích cũng như mang đến trải nghiệm nhất quán cho nhà phát triển.
- Tiện ích của Chrome
- Chrome
Báo cáo về đặc điểm thiết bị của người dùng Chrome
Các nhà phát triển không ngừng tự hỏi mình đang phát triển cho loại đối tượng nào. Chúng có bao nhiêu RAM? Họ đang sử dụng loại Wi-Fi nào? Báo cáo mới đưa ra câu trả lời cho nhiều quốc gia và nền tảng.
- Chrome
Workbox là gì?
Giới thiệu Workbox, một tập hợp các mô-đun giúp đơn giản hóa việc định tuyến và lưu vào bộ nhớ đệm thông thường của trình chạy dịch vụ.
Chiến lược lưu vào bộ nhớ đệm của nhân viên dịch vụ
Tổng quan về việc lưu vào bộ nhớ đệm trong trình chạy dịch vụ.
Cuộc sống của nhân viên dịch vụ
Hiểu cách hoạt động của worker dịch vụ để cung cấp ứng dụng ngoại tuyến.
Tổng quan về trình chạy dịch vụ
Tổng quan về trình chạy dịch vụ.
Quá trình chuyển đổi tiện ích của Chrome sang Manifest V3
Chia sẻ thông tin chi tiết về kế hoạch di chuyển tiện ích sang Manifest V3
- Tiện ích của Chrome
- Chrome
Ngừng sử dụng và xoá trong Chrome 95
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 95 để giúp bạn lên kế hoạch.
- Chrome
Tính năng mới trong Chrome 94
Chrome 94 hiện đã ra mắt! Hệ màu mặc định cho các phần tử `` hiện được xác định chính thức là SRGB và bạn có thể thay đổi hệ màu này thành Display P3. Có một cách mới ở cấp thấp để truy cập các bộ mã hoá và giải mã âm thanh và video tích hợp sẵn. Cách này rất quan trọng đối với việc truyền trực tuyến trò chơi, trình chỉnh sửa video, v.v. WebGPU bắt đầu dùng thử theo nguyên gốc. Và còn nhiều tính năng khác nữa!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 95)
Các công cụ mới về tác giả của độ dài CSS, ẩn vấn đề trong thẻ Vấn đề, cải thiện khả năng hiển thị thuộc tính và nhiều tính năng khác.
- Chrome
Hiện đại hoá cơ sở hạ tầng CSS trong Công cụ cho nhà phát triển
Cách chúng tôi nghiên cứu và cập nhật cơ sở hạ tầng CSS trong Công cụ cho nhà phát triển.
- Chrome
Phân tích chuyên sâu: VideoNG
Tìm hiểu về các hệ thống phát hiện đại và cách Chromium hỗ trợ hàng trăm triệu giờ xem mỗi ngày.
- Chromium
Quyền kiểm soát toàn bộ nhờ API VirtualKeyboard
Quản lý bản thân trình duyệt xử lý việc che khuất nội dung khi bàn phím ảo của thiết bị cảm ứng xuất hiện.
Có gì mới trong Lighthouse 8.4
Lighthouse 8.4 hiện bảo vệ chống lại việc tải từng phần hình ảnh LCP và FID bị lỗi mà không có khung nhìn di động.
- Chrome
Tính năng mới trong Chrome 93
Chrome 93 hiện đã ra mắt! Giờ đây, bạn có thể tải biểu định kiểu CSS bằng các câu lệnh nhập, giống như mô-đun JavaScript. PWA đã cài đặt có thể đăng ký làm trình xử lý URL, giúp người dùng có thể chuyển thẳng đến PWA của bạn. API Vị trí cửa sổ đa màn hình đã được cập nhật dựa trên phản hồi của bạn và bắt đầu bản dùng thử theo nguyên gốc thứ hai. Chúng tôi sẽ rút ngắn chu kỳ phát hành cho phiên bản ổn định xuống còn bốn tuần. Và còn nhiều tính năng khác.
- Chrome
Ngừng sử dụng và xoá trong Chrome 93
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 93 để giúp bạn lên kế hoạch.
- Chrome
Ngừng sử dụng và xoá trong Chrome 94
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 94 để giúp bạn lên kế hoạch.
- Chrome
Chromium Chronicle #24: StrongAlias, IdType và TokenType
Cùng một loại đôi khi có thể biểu thị các giá trị từ các miền không tương thích, điều này có thể gây ra lỗi. May mắn thay, //base của Chromium giúp bạn dễ dàng giới thiệu các kiểu rõ ràng, riêng biệt.
- Chrome
Thông tin cập nhật về Quyền truy cập mạng riêng tư: Giới thiệu bản dùng thử không dùng nữa
Theo thông số kỹ thuật của Chrome 94, Chrome sẽ ngừng cung cấp quyền 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 trong Chrome 94. Đọc tiếp để biết các hành động được đề xuất.
- Chrome
Định tuyến phía máy khách hiện đại: Navigation API
Tìm hiểu về Navigation API (API Điều hướng), một API mới có thêm chức năng cải tiến để tạo các ứng dụng trang đơn.
Các cấu trúc dữ liệu chính trong RenderingNG
Nắm được các thành phần của cấu trúc RenderingNG và cách quy trình kết xuất đi qua các thành phần này.
- Chromium
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 94)
Sử dụng Công cụ cho nhà phát triển bằng ngôn ngữ bạn muốn, thiết bị Nest Hub mới, huy hiệu truy vấn vùng chứa CSS mới, v.v.
- Chrome
Công cụ Lưới CSS trong Công cụ cho nhà phát triển
Cách chúng tôi thiết kế và triển khai dịch vụ hỗ trợ công cụ Lưới CSS trong Công cụ cho nhà phát triển.
- Công cụ của Chrome cho nhà phát triển
- Chrome
Công cụ Lưới CSS trong Công cụ cho nhà phát triển
Cách chúng tôi thiết kế và triển khai dịch vụ hỗ trợ công cụ Lưới CSS trong Công cụ cho nhà phát triển.
Ngừng sử dụng và xoá trong Chrome 92
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 92 để giúp bạn lên kế hoạch.
- Chrome
Khắc phục sự cố khi dùng thử theo nguyên gốc Chrome
Giải quyết các vấn đề thường gặp về mã dùng thử trong thẻ meta, tiêu đề và tập lệnh. Bạn cũng sẽ tìm hiểu về tính năng hỗ trợ gỡ lỗi trong Công cụ của Chrome cho nhà phát triển.
Chính sách về trình mở nhiều nguồn gốc
Tài liệu tham khảo cho thuộc tính cross_origin_opener_policy củaManifest.json.
- Tiện ích của Chrome
Ngừng sử dụng và xoá trong Chrome 91
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 91 để giúp bạn lên kế hoạch.
- Chrome
Chính sách về trình nhúng nhiều nguồn gốc
Tài liệu tham khảo cho thuộc tính cross_origin_embedder_policy củaManifest.json.
- Tiện ích của Chrome
Chính sách về trình mở nhiều nguồn gốc
Tài liệu tham khảo cho thuộc tính cross_origin_opener_policy củaManifest.json.
- Tiện ích của Chrome
Tách biệt nhiều nguồn gốc
Tổng quan về tính năng tách biệt nhiều nguồn gốc cho tiện ích
- Tiện ích của Chrome
Chính sách về trình nhúng nhiều nguồn gốc
Tài liệu tham khảo cho thuộc tính cross_origin_embedder_policy củaManifest.json.
- Tiện ích của Chrome
Tự động khởi động PWA khi đăng nhập vào hệ điều hành
Nhiều hệ điều hành cung cấp khả năng tự động khởi chạy các ứng dụng khi người dùng đăng nhập. Tính năng này hiện hoạt động đối với các ứng dụng web đã cài đặt.
- Chrome
Hạn chế chia sẻ mô-đun wasm theo cùng nguồn gốc
Việc chia sẻ một mô-đun WebAssembly giữa các môi trường cùng trang web sẽ chỉ bị hạn chế theo cùng nguồn gốc.
- Chrome
WebDriver BiDi – Tương lai của tự động hoá trên nhiều trình duyệt
Tìm hiểu WebDriver BiDi là gì và tại sao WebDriver BiDi là tương lai của tự động hoá trên nhiều trình duyệt
- Chrome
Tải tài nguyên nhiều nguồn gốc mà không có tiêu đề CORP bằng COEP: không có thông tin xác thực
Kể từ Chrome 93, "Cross-Origin-Embeddingder-Policy: Informationless" sẽ có trong bản dùng thử theo nguyên gốc. Giá trị mới này cho phép các trang web bật chế độ tách biệt nhiều nguồn gốc mà không cần tài nguyên nhiều nguồn gốc để phản hồi bằng tiêu đề "CORP: cross-origin" bằng cách gửi các yêu cầu không có thông tin xác thực.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 93)
Truy vấn vùng chứa CSS có thể chỉnh sửa, bản xem trước gói web, xử lý chuỗi tốt hơn trong Bảng điều khiển, v.v.
- Chrome
Chromium Chronicle #23: Bản dựng đã xác minh trong Cơ sở hạ tầng Chrome
Chúng tôi đã tiến hành kiểm tra việc thực thi chính sách đối với Chrome và cơ sở hạ tầng cho phép chúng tôi xác minh rằng Chrome đã đáp ứng một số tiêu chuẩn tối thiểu về bảo mật.
- Chrome
Xác minh số điện thoại trên máy tính bằng API WebOTP
Kể từ Chrome 93, các trang web có thể xác minh số điện thoại trong Chrome dành cho máy tính.
Kiến trúc RenderingNG
Tìm hiểu các thành phần của cấu trúc RenderingNG và cách quy trình kết xuất chạy qua các thành phần này.
- Chromium
URLPattern đưa việc định tuyến đến nền tảng web
Phương pháp chuẩn hoá các trường hợp sử dụng so khớp mẫu phổ biến.
Khái niệm Android (dành cho Nhà phát triển web)
Các khái niệm chính và có liên quan về Android dành cho nhà phát triển web mới làm quen với Android và Play.
Tiện ích của Chrome: làm rõ chính sách tiện ích của chúng tôi để cửa hàng trực tuyến an toàn và nhất quán hơn
Chúng tôi sẽ cập nhật các yêu cầu về tính bảo mật và trình bày rõ hơn một số chính sách nhằm đảm bảo tính nhất quán của các tiện ích cũng như mang đến trải nghiệm nhất quán cho nhà phát triển.
- Chrome
- Tiện ích của Chrome
Chromium Chronicle #22: Biết công cụ Thy (Depot)
Depot Tools là một tập hợp các công cụ được xây dựng dựa trên Git để đơn giản hóa quy trình làm việc của các nhà phát triển đóng góp cho cơ sở mã Chromium và các dự án liên quan.
- Chrome
Nội tuyến tài nguyên trong khung JavaScript
Tìm hiểu về các tính năng tối ưu hoá mới nhất được triển khai trong khung JavaScript phối hợp với dự án Aurora.
Thao tác với tiện ích trong Manifest V3
Nhiều năm qua, các tiện ích của Chrome có API Trình duyệt và API Thao tác trên trang, nhưng Manifest V3 đã thay thế cả hai bằng một API Hành động chung. Bài đăng này tìm hiểu lịch sử của các API này và những thay đổi trong Manifest V3.
- Tiện ích của Chrome
- Chrome
RenderingNG
Trong năm 2021, chúng tôi đã hoàn thành phần lớn quá trình thiết kế, xây dựng và vận chuyển RenderingNG – một kiến trúc kết xuất thế hệ mới dành cho Chromium.
- Chromium
Bộ nhớ hiệu suất cao cho ứng dụng: Storage Foundation API
Storage Foundation API đề xuất một API lưu trữ giống với hệ thống tệp cơ bản, có quyền truy cập trực tiếp vào dữ liệu được lưu trữ thông qua vùng đệm và độ dời.
Đảm bảo CSP có khả năng chống lại các cuộc tấn công XSS
Tìm hiểu về cách ngăn chặn các cuộc tấn công thông qua tập lệnh trên nhiều trang web (XSS) bằng một Chính sách bảo mật nội dung (CSP) nghiêm ngặt.
TablesNG giải quyết 72 lỗi Chromium để tăng khả năng tương tác
-- Công cụ kết xuất mới cho bảng giúp việc tạo dữ liệu dạng bảng trên web trở nên nhất quán hơn.
- Chrome
Mức độ tuân thủ các Khung
Bài viết này mô tả về Tuân thủ, một phương pháp được sử dụng trong các khuôn khổ của Google, cũng như cách chúng tôi dự định cung cấp nguồn mở cho hệ sinh thái khung JavaScript
- Chrome
Giới thiệu Aurora
Bài viết này giới thiệu Aurora, một sáng kiến của Chrome nhằm cộng tác chặt chẽ với các khung nguồn mở
Giới thiệu Trình kiểm tra bộ nhớ
Bài viết này giới thiệu Trình kiểm tra bộ nhớ đã có trong Chrome 91. Tính năng này cho phép bạn kiểm tra ArrayBuffer, TypedArray, DataView và wasm Memory (Bộ nhớ đệm).
- Chrome
Giới thiệu về chrome.scripting
Scripting API là một API Manifest V3 mới tập trung vào tập lệnh. Hãy cùng tìm hiểu sâu hơn về các động lực cho sự thay đổi này và nó khác nhau như thế nào.
- Tiện ích của Chrome
- Chrome
Kiểm tra bố cục 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 lưới CSS.
- Công cụ của Chrome cho nhà phát triển
API Áp suất tính toán
Áp suất tính toán cung cấp các trạng thái cấp cao biểu thị áp lực cho hệ thống. Tính năng này cho phép triển khai để sử dụng các chỉ số phần cứng cơ bản phù hợp nhằm đảm bảo người dùng có thể khai thác tất cả công suất xử lý có sẵn miễn là hệ thống không gặp phải tình trạng quá tải không thể quản lý được.
PWA đóng vai trò là Trình xử lý URL
Sau khi đăng ký PWA làm trình xử lý URL, khi người dùng nhấp vào đường siêu liên kết khớp với một trong các mẫu URL đã đăng ký, PWA đã đăng ký sẽ mở ra.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 92)
Trình chỉnh sửa lưới CSS, hỗ trợ khai báo lại const trong bảng điều khiển, trình xem thứ tự nguồn, v.v.
- Chrome
Chromium Chronicle #21: Tự động hoá giao diện người dùng toàn diện của ChromeOS
Tast là một thư viện giao diện người dùng mới đã được tạo, sử dụng cây Chrome a11y (hỗ trợ tiếp cận) để điều khiển giao diện người dùng ChromeOS. Thư viện này cho phép các nhà phát triển dễ dàng tạo chương trình kiểm thử toàn diện đối với mọi giao diện người dùng nhìn thấy được.
- Chrome
Tính năng mới trong Chrome 91
Chrome 91 sắp ra mắt! Giờ đây, các ứng dụng web tương tác với tệp có thể đề xuất tên tệp và thư mục khi sử dụng API Truy cập hệ thống tệp. Bạn cũng có thể đọc tệp trong bảng nhớ tạm! Nếu trang web của bạn có nhiều miền và các miền này có cùng một chương trình phụ trợ quản lý tài khoản, thì bạn có thể cho Chrome biết các miền này là giống nhau, cho phép trình quản lý mật khẩu đề xuất thông tin đăng nhập chính xác. Ngoài ra, tất cả video trong I/O hiện đã có sẵn và còn nhiều nội dung khác nữa.
- Chrome
Chọn cách các đường liên kết trong phạm vi chính sách mở PWA của bạn bằng tính năng Ghi lại đường liên kết khai báo
Khai báo đường liên kết là một đề xuất cho thuộc tính tệp kê khai ứng dụng web có tên là "capture_links" cho phép các nhà phát triển xác định điều gì sẽ xảy ra khi trình duyệt được yêu cầu di chuyển đến một URL trong phạm vi điều hướng của ứng dụng, từ một ngữ cảnh bên ngoài phạm vi điều hướng.
Cách đặt cờ của trình duyệt trong Chromium
Đối với một số API mới mà chúng tôi giới thiệu trong Chromium, bạn cần đặt cờ trình duyệt để thử nghiệm. Tìm hiểu cách thực hiện việc này trong các sản phẩm phái sinh của Chromium như Google Chrome, Microsoft Edge và các sản phẩm khác.
- Chrome
Hoạt động đáng tin cậy trên web ưu tiên ngoại tuyến
Cách hiển thị màn hình dự phòng ngoại tuyến, nếu người dùng mở ứng dụng lần đầu tiên thì không có kết nối.
Đăng ký trình xử lý giao thức URL cho PWA
Sau khi đăng ký PWA làm trình xử lý giao thức, khi người dùng nhấp vào một siêu liên kết có giao thức cụ thể, chẳng hạn như mailto, bitcoin hoặc web từ một trình duyệt hoặc ứng dụng dành riêng cho nền tảng, thì PWA đã đăng ký sẽ mở và nhận URL.
Cách chúng tôi tăng tốc dấu vết ngăn xếp Công cụ của Chrome cho nhà phát triển lên 10 lần
Cách chúng tôi tăng tốc dấu vết ngăn xếp Công cụ của Chrome cho nhà phát triển lên 10 lần.
- Chrome
Các luồng có thể chèn cho MediaStreamTrack
Các luồng có thể chèn cho MediaStreamTrack là về việc hiển thị nội dung của MediaStreamTrack dưới dạng một luồng có thể sửa đổi hoặc sử dụng để tạo nội dung mới.
Chromium Chronicle #20: Khai thác kiểm tra đo điểm chuẩn
Thêm điểm chuẩn là một cách dễ dàng để ngăn chặn sự hồi quy về hiệu suất và giúp cải thiện hiệu suất.
- Chrome
Trình chuyển đổi tệp kê khai tiện ích
Công cụ nguồn mở để chuyển đổi tiện ích sang Manifest V3. Bạn vẫn phải cập nhật thủ công mọi mã có các thay đổi không cơ học, chẳng hạn như thích ứng để sử dụng trình chạy dịch vụ hoặc chèn một số tập lệnh.
- Tiện ích của Chrome
- Chrome
Giao diện người dùng cài đặt PWA đa dạng thức hơn
Giới thiệu về Giao diện người dùng cài đặt phong phú hơn cùng với hướng dẫn về cách triển khai.
- Chrome
Căn chỉnh bộ tính giờ với các quy định hạn chế tách biệt nhiều nguồn gốc
Kể từ Chrome 91, độ phân giải của bộ tính giờ rõ ràng sẽ bị hạn chế ở mức 100 micrô giây trên các nền tảng mà không cần tính năng tách biệt nhiều nguồn gốc.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 91)
Thông tin về các chỉ số quan trọng về web sẽ bật lên, trực quan hoá tính năng cuộn qua CSS, Trình kiểm tra bộ nhớ mới và nhiều tính năng khác.
- Chrome
Tài nguyên có thể truy cập trên web cho Manifest V3
Tài nguyên có thể truy cập trên web cho Manifest V3 đã có tại đây! Hiện tại, "manifest.json" sẽ hỗ trợ các định nghĩa về quyền. Nhà phát triển có thể hạn chế tài nguyên dựa trên mã nhận dạng tiện ích hoặc nguồn gốc của trang web yêu cầu.
- Chrome
Tính năng mới trong Chrome 90
Chrome 90 hiện đã ra mắt! Có một giá trị mới cho thuộc tính mục bổ sung CSS. API Chính sách tính năng được đổi tên thành Chính sách quyền. Và có một cách mới để triển khai và sử dụng DOM bóng trực tiếp trong HTML. Và còn nhiều tính năng khác.
- Chrome
Làm mới cấu trúc Công cụ cho nhà phát triển: di chuyển Công cụ cho nhà phát triển sang TypeScript
Cách chúng tôi di chuyển Công cụ của Chrome cho nhà phát triển từ trình kiểm tra loại Trình biên dịch đóng cửa sang TypeScript.
- Chrome
Chromium Chronicle #19: Phát triển nhanh hơn nhờ CLion
CLion IDE giúp bạn di chuyển qua các biểu tượng, tìm kiếm cơ sở mã, v.v.
- Chrome
Ngừng sử dụng và xoá trong Chrome 90
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 90 để giúp bạn lên kế hoạch.
- Chrome
Thêm độ lớn thứ hạng vào báo cáo CrUX trong BigQuery
Thêm độ lớn thứ hạng vào báo cáo CrUX trong BigQuery.
- Chrome
Tài liệu tham khảo API VersionLịch sử
Thông tin tham khảo kỹ thuật về API dịch vụ web VersionLịch sử.
Đẩy nhanh chu kỳ phát hành của Google Chrome
Cuối năm nay, chúng tôi dự định rút ngắn chu kỳ phát hành và gửi phiên bản Google Chrome mới đến kênh chính thức bốn tuần một lần, giảm so với chu kỳ 6 tuần hiện tại.
- Chrome
Ví dụ về API VersionLịch sử
Ví dụ về cách sử dụng API dịch vụ web VersionCalendar.
Hướng dẫn về API VersionCalendar
Hướng dẫn sử dụng API dịch vụ web Version History để truy cập thông tin về nhật ký phiên bản Google Chrome theo phương thức lập trình.
Điểm mới trong Chrome 89
Chrome 89 hiện đã ra mắt! WebHID, WebNFC và Web Serial đã hoàn tất bản dùng thử theo nguyên gốc và hiện đã có phiên bản ổn định. Chúng tôi sẽ loại bỏ lỗ hổng mà một số nhà phát triển thường dùng để vượt qua quy trình kiểm tra khả năng cài đặt của PWA. Web Chia sẻ và Mục tiêu chia sẻ web đã có trên máy tính. Và còn nhiều tính năng khác!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 90)
Hỗ trợ gỡ lỗi cho CSS Flexbox, hiển thị thông báo về hiệu suất trên trang, thông tin cập nhật về thẻ sự cố và nhiều thông tin khác.
- Chrome
Hỗ trợ CSS trong JS trong Công cụ cho nhà phát triển
Cách chúng tôi hỗ trợ CSS-trong JS trong Công cụ cho nhà phát triển và sự khác biệt của CSS này với CSS thông thường.
Hỗ trợ CSS trong JS trong Công cụ cho nhà phát triển
Cách chúng tôi hỗ trợ CSS-trong JS trong Công cụ cho nhà phát triển và sự khác biệt của CSS này với CSS thông thường.
- Công cụ của Chrome cho nhà phát triển
- Chrome
Đang chuẩn bị cho các chế độ hiển thị của ngày mai
Thuộc tính display_override to cho phép nhà phát triển xác định chuỗi chế độ dự phòng tuỳ chỉnh sẽ hiển thị PWA của họ.
Chromium Chronicle #18: Mức độ bao phủ của mã Chromium
Phạm vi kiểm thử đo lường lượng mã nguồn được thực thi khi một bộ kiểm thử cụ thể chạy.
- Chrome
Điểm cập nhật về khả năng tạo ảnh động được tăng tốc phần cứng
Chromium đang cập nhật các tính năng tăng tốc phần cứng cho ảnh động SVG, phép biến đổi dựa trên tỷ lệ phần trăm, đường dẫn cắt (clip-path), hình nền, v.v.
- Chrome
Định dạng và tạo kiểu cho thông báo trong Bảng điều khiển
Tìm hiểu cách định dạng và tạo kiểu cho thông báo trong Console.
- Công cụ của Chrome cho nhà phát triển
Ngày Quốc tế tiếng mẹ đẻ năm 2021
Ngày Quốc tế Tiếng mẹ là một lễ kỷ niệm thường niên về sự đa dạng văn hoá được quan sát trên toàn thế giới vào ngày 21 tháng 2. Hội nghị này thúc đẩy việc bảo tồn và bảo vệ các ngôn ngữ được nói trên toàn thế giới, đồng thời tôn vinh chủ nghĩa đa ngôn ngữ.
- Chrome
Cải thiện tính năng phát hiện hỗ trợ ngoại tuyến của Ứng dụng web tiến bộ
Ngay từ đầu, quy trình xác minh khả năng hỗ trợ ngoại tuyến đã trở thành một phần trong tiêu chí về khả năng cài đặt PWA.
- Chrome
Cải thiện thời gian khởi động Công cụ cho nhà phát triển
Giảm chi phí hiệu suất Công cụ cho nhà phát triển của việc gửi thông báo trong giao diện người dùng.
- Chrome
Ngừng sử dụng và xoá trong Chrome 89
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 89 để giúp bạn lên kế hoạch.
- Chrome
Nhận Khoản thanh toán qua Google Play Billing bằng API Hàng hoá kỹ thuật số và API Yêu cầu thanh toán
Nhận các khoản thanh toán qua Google Play Billing trong PWA của bạn bằng API hàng hoá kỹ thuật số, API yêu cầu thanh toán và Hoạt động đáng tin cậy trên web
Tự động lựa chọn tài nguyên thông qua gợi ý của ứng dụng
Việc tối ưu hoá hình ảnh rất khó và tự động hoá là chìa khoá để thành công.
- Chrome
Chromium Chronicle #17: Trình kết hợp thử nghiệm trình duyệt
Khi viết chương trình kiểm thử trình duyệt, bạn thường muốn thực hiện các thao tác thiết lập theo phương thức lập trình mà người dùng có thể thực hiện theo cách thủ công. Để giúp bạn thực hiện việc này, Mixin là một bộ công cụ giúp thiết lập kiểm thử trình duyệt không nhỏ theo cách có thể tái sử dụng.
- Chrome
Di chuyển Puppeteer sang TypeScript
Cách chúng tôi di chuyển Puppeteer sang TypeScript.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 89)
Hỗ trợ gỡ lỗi cho các lỗi vi phạm Loại đáng tin cậy, chụp ảnh màn hình nút ngoài khung nhìn, thẻ Mã thông báo tin cậy mới cho các yêu cầu mạng, v.v.
- Chrome
Điểm mới trong Chrome 88
Chrome 88 hiện đã ra mắt! Giờ đây, bạn có thể tải các tiện ích lên Cửa hàng Chrome trực tuyến bằng tệp kê khai v3. Thuộc tính CSS tỷ lệ khung hình giúp bạn dễ dàng đặt tỷ lệ khung hình trên bất kỳ phần tử nào. Giờ đây, bạn có thể sử dụng Play Billing trong phần Hoạt động đáng tin cậy trên web và còn nhiều tính năng khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 88!
- Chrome
Chế độ điều tiết mạnh các đồng hồ hẹn giờ JS bị chuỗi bắt đầu trong Chrome 88
Chế độ điều tiết tăng cường có hiệu lực khi trang bị ẩn trong hơn 5 phút, trang đã im lặng trong ít nhất 30 giây, WebRTC không được sử dụng và chuỗi bộ tính giờ từ 5 trở lên.
- Chrome
Bản cập nhật SharedArrayBuffer trong Android Chrome 88 và Chrome 92 dành cho máy tính
SharedArrayBuffer sẽ có trong Android Chrome 88. Báo cáo này sẽ chỉ xuất hiện trên những trang được tách biệt nhiều nguồn gốc. Kể từ Chrome 92 dành cho máy tính, tính năng này cũng sẽ chỉ sử dụng được với các trang được tách biệt nhiều nguồn gốc. Bạn có thể đăng ký bản dùng thử theo nguyên gốc để duy trì hoạt động hiện tại cho đến Chrome 113 dành cho máy tính.
- Chrome
Chromium Chronicle #16: Cập nhật Google Apps trên máy tính
Bạn đã bao giờ tự hỏi cách Chrome tự cập nhật trên máy tính để bàn của mình không? Hoặc các bản cập nhật được phân phối cho Chromebook, Chromecast hoặc Android như thế nào?
- Chrome
Gỡ lỗi WebAssembly bằng các công cụ hiện đại
Tổng quan từng bước về trải nghiệm gỡ lỗi mới cho WebAssembly trong Công cụ của Chrome cho nhà phát triển.
- Chrome
Làm mới cấu trúc Công cụ cho nhà phát triển: di chuyển sang Thành phần web
Lý do và cách chúng tôi di chuyển Công cụ của Chrome cho nhà phát triển sang Thành phần web.
- Chrome
Chào mừng bạn đến với developer.chrome.com mới!
Thông báo về việc cải tiến trang web và tóm tắt kế hoạch của chúng tôi cho năm 2021.
- Chrome
Ngừng sử dụng và xoá trong Chrome 88
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 88 để giúp bạn lên kế hoạch.
- Chrome
Thông tin mới về Web In Play
Tìm hiểu về các tính năng mới dành cho ứng dụng web sử dụng Hoạt động đáng tin cậy trên web.
Thêm ứng dụng của bạn vào Cửa hàng Play
Thêm TWA vào Cửa hàng Play
Sử dụng Google Play Billing
Google Play Billing cung cấp các công cụ để quản lý danh mục, giá và gói thuê bao, báo cáo cũng như quy trình thanh toán do Cửa hàng Play cung cấp.
Tải từng phần các tài nguyên của bên thứ ba bằng các thành phần tượng trưng
Tìm hiểu về các cơ hội tải từng phần tài nguyên của bên thứ ba bằng thành phần tượng trưng.
Chromium Chronicle #15: Hạn chế chế độ hiển thị mục tiêu
Trong Chromium, bạn thường tìm thấy mã được viết cho một thành phần hữu ích ở những nơi khác, nhưng có thể có các hạn chế ẩn. Để đảm bảo an toàn, hãy hạn chế chế độ hiển thị của mục tiêu để hạn chế quyền truy cập từ bên ngoài vào các chức năng nguy hiểm.
- Chrome
Sử dụng Play Billing trong Hoạt động đáng tin cậy trên web
Tìm hiểu cách tích hợp Google Play Billing vào dự án Hoạt động đáng tin cậy trên web.
Lập lịch JS hiệu quả hơn với isInputPending()
Một API JavaScript mới có thể giúp bạn tránh phải đánh đổi giữa hiệu suất tải và khả năng phản hồi dữ liệu đầu vào.
Mô phỏng tình trạng thiếu thị lực màu trong Trình kết xuất Blink
Lý do và cách chúng tôi triển khai hoạt động mô phỏng trường hợp thiếu thị lực màu trong Công cụ cho nhà phát triển và Trình kết xuất Blink.
- Chromium
Tính năng mới trong Chrome 87
Chrome 87 hiện đã ra mắt! Giờ đây, bạn có thể kiểm soát tính năng xoay, nghiêng và thu phóng trên các webcam hỗ trợ, yêu cầu phạm vi và trình chạy dịch vụ không cần nhiều giải pháp, API truy cập phông chữ bắt đầu bản dùng thử theo nguyên gốc và nhiều hơn nữa. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 87!
- Chrome
công-thức-tính-toán
Dễ dàng sử dụng các mẫu hộp làm việc phổ biến mà không cần tự thiết lập chúng từ từng gói riêng lẻ.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 88)
Các công cụ trực quan hoá góc CSS mới, mô phỏng các loại hình ảnh và hạn mức bộ nhớ không được hỗ trợ, làn đường mới của Các chỉ số quan trọng về trang web và nhiều tính năng khác.
- Chrome
Bật mục tiêu chia sẻ web trong Hoạt động đáng tin cậy trên web
Tìm hiểu cách bật Mục tiêu chia sẻ web trong một dự án bằng Hoạt động đáng tin cậy trên web.
Puppetaria: tập lệnh Puppeteer ưu tiên hỗ trợ tiếp cận
Puppetaria – các tập lệnh Puppeteer ưu tiên hỗ trợ tiếp cận, cho phép trình xử lý truy vấn thay thế dựa trên truy vấn cây hỗ trợ tiếp cận thay vì dựa vào bộ chọn CSS.
- Chrome
Giới thiệu về Manifest V2
Tài liệu dành cho nhà phát triển tiện ích của Chrome.
- Tiện ích của Chrome
Muốn có ý kiến phản hồi: CORS cho mạng riêng (RFC1918)
Việc vô tình để thiết bị và máy chủ trên mạng nội bộ của máy khách vô tình bị lộ trên web sẽ khiến thiết bị và máy chủ dễ bị tấn công độc hại. CORS-RFC1918 là một đề xuất chặn các yêu cầu từ mạng công cộng theo mặc định trên trình duyệt và yêu cầu các thiết bị nội bộ chọn tham gia các yêu cầu đó.
- Chrome
Chromium Chronicle #14: Thêm thử nghiệm vào thác nước
Bạn muốn phát hiện lỗi hồi quy cho tính năng mới trong Chrome? Thêm thử nghiệm của bạn vào thác nước, cơ sở hạ tầng thử nghiệm và xây dựng liên tục của Chrome!
- Chrome
Cho phép các ứng dụng web đã cài đặt trở thành trình xử lý tệp
Đăng ký một ứng dụng làm trình xử lý tệp với hệ điều hành. Giờ đây, các ứng dụng web có thể đọc và ghi tệp, bước tiếp theo theo logic là cho phép nhà phát triển khai báo các ứng dụng web này làm trình xử lý tệp cho các tệp mà ứng dụng của họ có thể
Cách chúng tôi tạo thẻ WebAuthn cho Công cụ của Chrome cho nhà phát triển
Cách chúng tôi tạo thẻ WebAuthn cho Công cụ của Chrome cho nhà phát triển để cho phép nhà phát triển mô phỏng trình xác thực, tuỳ chỉnh chức năng và kiểm tra trạng thái của chúng.
Ngừng sử dụng và xoá trong Chrome 87
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 87 để giúp bạn lên kế hoạch.
- Chrome
Xử lý video bằng WebCodecs
Làm việc với các thành phần của luồng video, chẳng hạn như khung hình và các đoạn video hoặc âm thanh mã hoá không trộn lẫn.
Tăng cường tính bảo mật và quyền riêng tư bằng cách phân vùng bộ nhớ đệm
Tính năng phân vùng bộ nhớ đệm HTTP của Chrome giúp tăng cường bảo mật và bảo vệ quyền riêng tư.
- Chrome
Tính năng mới trong Chrome 86
Chrome 86 hiện đã ra mắt! API truy cập hệ thống tệp hiện đã có phiên bản ổn định. Chúng tôi đã ra mắt các bản dùng thử theo nguyên gốc mới cho Web HID và API vị trí cửa sổ đa màn hình. CSS có một số nội dung mới và nhiều nội dung khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 86!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 87)
Các công cụ gỡ lỗi Lưới CSS mới, thẻ Xác thực web, các công cụ có thể di chuyển và ngăn thanh bên đã tính toán.
- Chrome
Bản dùng thử theo nguyên gốc của bên thứ ba
Tìm hiểu cách nhà cung cấp nội dung nhúng có thể thử nghiệm các tính năng nền tảng web mới hoặc thử nghiệm trên nhiều trang web.
Cách chúng tôi xây dựng thẻ Vấn đề trong Công cụ của Chrome cho nhà phát triển
Cách chúng tôi xây dựng thẻ Vấn đề trong Công cụ của Chrome cho nhà phát triển để cải thiện trải nghiệm của nhà phát triển trong quá trình phát hiện và giải quyết vấn đề.
- Chrome
Cảm biến: Mô phỏng cảm biến của thiết bị
Sử dụng bảng điều khiển Cảm biến để ghi đè thông tin vị trí địa lý, mô phỏng hướng thiết bị, buộc chạm và mô phỏng trạng thái rảnh.
- Công cụ của Chrome cho nhà phát triển
Di chuyển từ Workbox phiên bản 5 sang phiên bản 6
Hướng dẫn di chuyển từ Workbox v5 sang v6.
Kết nối với các thiết bị HID không phổ biến
API WebHID cho phép các trang web truy cập vào bàn phím phụ thay thế và tay điều khiển trò chơi độc đáo.
Quản lý một số màn hình bằng Window Management API
API Quản lý cửa sổ cho phép bạn liệt kê các màn hình được kết nối với máy của bạn và đặt cửa sổ trên màn hình cụ thể.
Làm mới cấu trúc Công cụ cho nhà phát triển: di chuyển sang các mô-đun JavaScript
Cách chúng tôi di chuyển Công cụ của Chrome cho nhà phát triển sang các mô-đun JavaScript.
- Chrome
Ngừng sử dụng và xoá trong Chrome 86
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 86 để giúp bạn lên kế hoạch.
- Chrome
Tính năng mới trong Chrome 85
Chrome 85 hiện đã ra mắt! Bạn có thể cải thiện hiệu suất hiển thị nhờ khả năng hiển thị nội dung: tự động. Bạn hiện có thể đặt thuộc tính CSS... trong CSS. Hiện bạn có thể kiểm tra xem ứng dụng Windows hoặc PWA của mình đã được cài đặt bằng API getInstalledLinksApps() hay chưa. Lối tắt biểu tượng ứng dụng cũng hoạt động trên Windows (theo thời gian thực). Chúng tôi cung cấp bản dùng thử theo nguyên gốc để tìm nạp nội dung tải lên trực tuyến. Và nhiều câu hỏi khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 85!
- Chrome
Sử dụng kiểu chữ nâng cao với phông chữ trên máy
Local Font Access API liệt kê phông chữ cục bộ đã cài đặt của người dùng và cung cấp quyền truy cập cấp thấp vào các bảng TrueType/OpenType
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 86)
Bảng điều khiển nội dung đa phương tiện mới, chụp ảnh màn hình nút, thông tin cập nhật thẻ Vấn đề, mô phỏng phông chữ trên máy bị thiếu, người dùng không hoạt động và ưu tiên dữ liệu giảm.
- Chrome
Đọc từ và ghi vào cổng nối tiếp
Web Serial API kết nối web và thế giới thực bằng cách cho phép các trang web giao tiếp với các thiết bị nối tiếp.
Thêm tiêu đề bổ sung của yêu cầu HTTP
Hướng dẫn về cách thêm tiêu đề CORS HTTP trong Ý định thẻ tuỳ chỉnh.
Một chính sách liên kết giới thiệu mặc định mới dành cho Chrome –Strict-origin-when-cross-origin
Một chính sách liên kết giới thiệu mặc định mới dành cho Chrome –Strict-origin-when-cross-origin
- Chrome
Ghi lại phím bằng Keyboard Lock API (API Khoá bàn phím)
API Khoá bàn phím cho phép các trang web ghi lại những phím thường được hệ điều hành cơ sở đặt trước. Phiên bản này dành cho các ứng dụng web mang lại trải nghiệm sống động toàn màn hình (như trò chơi hoặc ứng dụng truy cập từ xa).
Đọc và ghi tệp cũng như thư mục bằng thư viện trình duyệt-fs-access
Tất cả trình duyệt hiện đại đều có thể đọc các tệp và thư mục cục bộ. Tuy nhiên, quyền ghi thực sự nghĩa là không chỉ tải tệp xuống chỉ được giới hạn ở các trình duyệt triển khai API Truy cập hệ thống tệp. Bài đăng này giới thiệu một thư viện hỗ trợ có tên là trình duyệt-fs-access hoạt động như một lớp trừu tượng ở đầu API Truy cập hệ thống tệp và quay lại các phương pháp cũ để xử lý các tệp một cách rõ ràng.
Ngừng sử dụng và xoá trong Chrome 85
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 85 để giúp bạn lên kế hoạch.
- Chrome
Yêu cầu truyền trực tuyến bằng API tìm nạp
Chromium hiện hỗ trợ tính năng phát trực tuyến từ phiên bản 105, nghĩa là bạn có thể bắt đầu yêu cầu trước khi có toàn bộ nội dung.
Houdini – Làm sáng tỏ CSS
Houdini là một tập hợp các API hiển thị nội dung bên trong của công cụ CSS cho các nhà phát triển
Tính năng mới trong Chrome 84
Chrome 84 hiện đã ra mắt! Người dùng có thể bắt đầu các thao tác phổ biến trong ứng dụng bằng lối tắt biểu tượng ứng dụng. API Ảnh động trên web hỗ trợ nhiều tính năng trước đây không được hỗ trợ. Khoá chế độ thức và API Lập chỉ mục nội dung sau giai đoạn dùng thử theo nguyên gốc. Hiện đã có bản dùng thử theo nguyên gốc mới cho tính năng Phát hiện trạng thái rảnh và SIMD. Và còn nhiều hơn thế nữa. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 84!
- Chrome
Sử dụng Thẻ tuỳ chỉnh trên Android 11
Cách sử dụng Thẻ tuỳ chỉnh trên Android 11
- Chrome
Xoá JavaScript không dùng đến
Tìm hiểu cách vượt qua quy trình kiểm tra "Xoá JavaScript không dùng đến" của Lighthouse.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 85)
Chỉnh sửa kiểu cho khung CSS- trong JS, Lighthouse 6.0, các tính năng JavaScript mới và hơn thế nữa.
- Chrome
Cải thiện quyền riêng tư của người dùng và trải nghiệm của nhà phát triển nhờ tính năng Gợi ý ứng dụng của tác nhân người dùng
Gợi ý cho ứng dụng tác nhân người dùng là một phần mở rộng mới cho Client Hints API, cho phép nhà phát triển truy cập thông tin về trình duyệt của người dùng theo cách bảo vệ quyền riêng tư và phù hợp với người dùng. Gợi ý ứng dụng cho phép nhà phát
Cách sử dụng API CrUX
Tìm hiểu cách sử dụng API Báo cáo trải nghiệm người dùng của Chrome để có được quyền truy cập của RESTful vào dữ liệu trải nghiệm người dùng thực trên hàng triệu trang web.
- Báo cáo Trải nghiệm người dùng trên Chrome
Cách tạo Trang tổng quan CrUX trên Looker Studio
Looker Studio là một công cụ trực quan hoá dữ liệu hiệu quả, cho phép bạn tạo trang tổng quan dựa trên nhiều nguồn dữ liệu lớn, chẳng hạn như Báo cáo trải nghiệm người dùng trên Chrome. Trong hướng dẫn này, hãy tìm hiểu cách tạo Trang tổng quan CrUX tuỳ chỉnh của riêng bạn để theo dõi trải nghiệm người dùng của nguồn gốc.
- Báo cáo Trải nghiệm người dùng trên Chrome
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.
- Báo cáo Trải nghiệm người dùng trên Chrome
Sử dụng WebTransport
WebTransport là một API cung cấp tính năng thông báo hai chiều, có độ trễ thấp, cho máy chủ khách. Tìm hiểu thêm về các trường hợp sử dụng và cách đưa ra ý kiến phản hồi về việc triển khai trong tương lai.
Ngừng sử dụng và xoá trong Chrome 84
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 84 để giúp bạn lên kế hoạch.
- Chrome
Tính năng mới trong Lighthouse 6.0
Các chỉ số mới, nội dung cập nhật về Điểm hiệu suất, quy trình kiểm tra mới và nhiều tính năng khác. Hôm nay, chúng tôi phát hành Lighthouse 6.0! Lighthouse là một công cụ kiểm tra trang web tự động, giúp nhà phát triển nắm bắt các cơ hội và thông
- Chrome
Điểm mới trong Chrome 83
Chrome 83 hiện đã ra mắt! Công cụ này bổ sung tính năng hỗ trợ cho các loại đáng tin cậy, giúp ngăn chặn các lỗ hổng bảo mật tập lệnh trên nhiều trang web. Các phần tử biểu mẫu có một diện mạo quan trọng. Có một cách mới để phát hiện lỗi rò rỉ bộ nhớ. Và API hệ thống tệp gốc bắt đầu một bản dùng thử theo nguyên gốc mới có thêm chức năng. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 83!
- Chrome
Phát hiện người dùng không hoạt động bằng API Phát hiện trạng thái rảnh
API Phát hiện trạng thái rảnh thông báo cho nhà phát triển khi người dùng không hoạt động, cho biết những vấn đề như thiếu tương tác với bàn phím, chuột, màn hình, trình bảo vệ màn hình, khoá màn hình hoặc chuyển sang màn hình khác. Ngưỡng do nhà phát triển xác định sẽ kích hoạt thông báo.
Xử lý các hoạt động can thiệp vào quảng cáo nặng
Xử lý các hoạt động can thiệp vào quảng cáo nặng
- Chrome
Vấn đề: Tìm và khắc phục vấn đề
Sử dụng bảng điều khiển Vấn đề để tìm và khắc phục các vấn đề về trang web.
- 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 84)
Thẻ Vấn đề mới, thông tin về khả năng hỗ trợ tiếp cận trong chú giải công cụ "Inspect Mode" (Chế độ kiểm tra) và nhiều thông tin khác.
- Chrome
Thiếu nội dung khai báo bộ ký tự hoặc khai báo quá muộn trong HTML
Tìm hiểu cách thêm khai báo mã hoá ký tự vào HTML của bạn.
Ngừng sử dụng và xoá trong Chrome 83
Dưới đây là thông tin tổng hợp về việc ngừng sử dụng và xoá bỏ trong Chrome 83 để giúp bạn lên kế hoạch.
- Chrome
Điểm mới trong Chrome 81
Chrome 81 hiện đã ra mắt! Huy hiệu biểu tượng ứng dụng tốt nghiệp sau bản dùng thử theo nguyên gốc của ứng dụng. Giờ đây, bạn có thể dùng tính năng thử nghiệm nhấn để bật tính năng thực tế tăng cường trong trình duyệt. Web NFC bắt đầu bản dùng thử theo nguyên gốc. Và tôi đã nhận được thông tin cập nhật về lịch phát hành Chrome đã điều chỉnh. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 81!
- Chrome
WebSocketStream: tích hợp luồng với API WebSocket
WebSocketStream tích hợp các luồng với API WebSocket. Điều này cho phép ứng dụng của bạn áp dụng áp lực ngược cho các thông báo đã nhận.
Chromium Chronicle #13: Gỡ lỗi du hành thời gian bằng RR
Bạn có phải chạy cùng một bài kiểm thử nhiều lần trong trình gỡ lỗi, cố gắng tìm hiểu xem mã ở trạng thái xấu như thế nào không? Chúng tôi có một công cụ dành cho bạn! RR sẽ ghi lại dấu vết thực thi, giúp bạn dễ dàng lùi lại, chạy lùi, xem nơi các biến thay đổi giá trị hoặc thời điểm một hàm được gọi gần đây nhất trên một đối tượng.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 83)
Mô phỏng các trường hợp thiếu thị lực màu, mô phỏng khu vực, gỡ lỗi COOP và COEP, v.v.
- Chrome
Ngừng sử dụng và xoá trong Chrome 81
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 81 để giúp bạn lên kế hoạch.
- Chrome
Tương tác với thiết bị NFC trên Chrome dành cho Android
Đọc và ghi vào thẻ NFC giờ đây có thể thực hiện trên Chrome dành cho Android.
Thêm dữ liệu về quyền gửi thông báo vào Báo cáo trải nghiệm người dùng trên Chrome
Để giúp chủ sở hữu trang web hiểu rõ các chỉ số về quyền gửi thông báo, chúng tôi sẽ thêm dữ liệu này vào Báo cáo trải nghiệm người dùng trên Chrome (CrUX) trong tập dữ liệu năm 20201 nhằm giúp chủ sở hữu trang web hiểu rõ hơn về các phản hồi thông thường của người dùng về quyền gửi thông báo cho trang web của họ và các trang web tương đương trong cùng danh mục.
- Chrome
Chromium Chronicle #10: Nắm bắt sự hồi quy của giao diện người dùng bằng kiểm thử pixel
Chiến lược kiểm tra của Chrome dựa chủ yếu vào việc kiểm tra độ chính xác của chức năng tự động và kiểm thử thủ công. Tuy nhiên, cả hai phương pháp này đều không phát hiện được các lỗi hồi quy nhỏ trên giao diện người dùng một cách đáng tin cậy. Sử dụng kiểm tra pixel để tự động kiểm tra giao diện người dùng trình duyệt dành cho máy tính để bàn của bạn.
- Chrome
Hướng dẫn tích hợp
Tìm hiểu cách sử dụng Hoạt động đáng tin cậy trên web trong ứng dụng Android.
Tính năng mới trong Chrome 80
Chrome 80 hiện đã ra mắt và có rất nhiều nội dung mới dành cho nhà phát triển! Hỗ trợ các mô-đun trong worker, tạo chuỗi tuỳ chọn trong JavaScript, bản dùng thử theo nguyên gốc mới, các tính năng đã tốt nghiệp bản dùng thử theo nguyên gốc, v.v. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 80!
- Chrome
Sử dụng API cấp thấp của Tab tuỳ chỉnh
Tìm hiểu cách sử dụng Thẻ tuỳ chỉnh mà không cần thư viện hỗ trợ trình duyệt androidx.
Tổng quan về Thẻ tuỳ chỉnh trên Android
Tìm hiểu thời điểm tốt nhất nên sử dụng Tab tuỳ chỉnh Android để mở URL trong ứng dụng Android của bạn.
Tổng quan
Tìm hiểu cách tích hợp liền mạch Ứng dụng web tiến bộ vào ứng dụng Android thông qua Hoạt động đáng tin cậy trên web.
Vùng đất
Tổng quan về các thư viện và công cụ để tạo Hoạt động đáng tin cậy trên web.
Kiểm tra xem thiết bị Android có trình duyệt hỗ trợ Thẻ tuỳ chỉnh hay không
Tìm hiểu cách kiểm tra xem thiết bị Android có trình duyệt hỗ trợ Thẻ tuỳ chỉnh hay không.
Mở Thẻ tuỳ chỉnh cho đường liên kết trong WebView
Kết hợp WebView và Thẻ tuỳ chỉnh để mang lại trải nghiệm tốt hơn cho người dùng.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 81)
Moto G4 ở Chế độ thiết bị, các tính năng mới liên quan đến cookie và hơn thế nữa.
- Chrome
Hoạt động web đáng tin cậy nhiều nguồn gốc
Cách tạo một ứng dụng bằng Hoạt động đáng tin cậy trên web có hỗ trợ mở nhiều nguồn gốc ở chế độ toàn màn hình.
Chuyển thông tin đến Hoạt động đáng tin cậy trên web bằng tham số truy vấn
Cách chuyển thông tin từ shell gốc vào ứng dụng web khi khởi chạy một Hoạt động đáng tin cậy trên web.
android-browser-helper, một thư viện mới để xây dựng Hoạt động đáng tin cậy trên web.
Ra mắt android-browser-helper, một thư viện mới để xây dựng Hoạt động đáng tin cậy trên web.
Thời gian hiển thị nội dung lớn nhất
Tìm hiểu về chỉ số Thời gian hiển thị nội dung lớn nhất của Lighthouse cũng như cách đo lường và tối ưu hóa chỉ số này.
Ngừng sử dụng và xoá trong Chrome 80
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 80 để giúp bạn lên kế hoạch.
- Chrome
Di chuyển từ Workbox phiên bản 4 sang phiên bản 5
Hướng dẫn di chuyển từ Workbox v4 sang v5.
Chromium Chronicle #9: ClusterFuzz
Bạn có thể thấy mình được yêu cầu khắc phục các lỗi bảo mật có mức độ ưu tiên cao mà ClusterFuzz phát hiện. Giải pháp này là gì? Bạn có nên nghiêm túc xử lý những lỗi này không? Bạn có thể giúp gì cho tôi?
- Chrome
Lập chỉ mục các trang có khả năng ngoại tuyến bằng API Lập chỉ mục nội dung
PWA của bạn có thể lưu vào bộ nhớ đệm các bài viết và tệp nội dung nghe nhìn, nhưng làm thế nào người dùng biết được các trang của bạn hoạt động khi không có kết nối mạng? API Lập chỉ mục nội dung là một câu trả lời cho câu hỏi này. Sau khi điền sẵn nội dung từ PWA của bạn cũng như mọi PWA đã cài đặt khác, chỉ mục đó sẽ xuất hiện trong các khu vực chuyên biệt của các trình duyệt được hỗ trợ.
Tính năng mới trong Chrome 79
Chrome 79 hiện đã ra mắt! Đã cài đặt Ứng dụng web tiến bộ trên Android để nhận hỗ trợ cho các biểu tượng có thể chỉnh sửa. Giờ đây, bạn có thể tạo trải nghiệm sống động bằng WebXR Device API. Các bản dùng thử theo nguyên gốc bắt đầu cho API Khoá chế độ thức và thuộc tính cây kết xuất phụ. Và tất cả video của Hội nghị Nhà phát triển Chrome 2019 hiện đã có trên mạng. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 79!
- Chrome
Cải thiện tính năng gỡ lỗi WebAssembly trong Công cụ của Chrome cho nhà phát triển
Bước qua mã, đặt điểm ngắt và phân giải dấu vết ngăn xếp trong ngôn ngữ nguồn từ trong Công cụ cho nhà phát triển.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 80)
Hỗ trợ việc khai báo lại cho phép và lớp trong Console, cải tiến tính năng gỡ lỗi WebAssembly và nhiều tính năng khác.
- Chrome
Chromium Chronicle #8: GWP-ASan: Phát hiện lỗi trong tự nhiên
GWP-ASan là trình phát hiện lỗi bộ nhớ chỉ vùng nhớ khối xếp được thiết kế để sử dụng trong tự nhiên. Tính năng này phát hiện các vùng đệm được sử dụng sau khi giải phóng, tràn/tràn bộ đệm và giải phóng kép. Không giống như ASan, tính năng này không phát hiện lỗi trên ngăn xếp hoặc trong các tập lệnh toàn cục.
- Chrome
Bắt đầu sử dụng Gói web
Gói web cho phép bạn chia sẻ các trang web dưới dạng một tệp qua Bluetooth và chạy các trang web đó khi không có mạng trong ngữ cảnh nguồn của bạn.
Trải nghiệm ngoại tuyến phong phú hơn nhờ API Đồng bộ hoá định kỳ trong nền
Tính năng Đồng bộ hoá trong nền định kỳ cho phép các ứng dụng web đồng bộ hoá dữ liệu ở chế độ nền theo định kỳ, đưa các ứng dụng web đến gần hơn với hoạt động của ứng dụng trên iOS/Android/máy tính.
Nhận dữ liệu được chia sẻ bằng API mục tiêu chia sẻ web
Trên thiết bị di động hoặc máy tính, việc chia sẻ chỉ đơn giản như nhấp vào nút Chia sẻ, chọn ứng dụng, sau đó chọn người được chia sẻ. Web Share Target API (API Mục tiêu chia sẻ web) cho phép các ứng dụng web đã cài đặt đăng ký với hệ điều hành cơ bản để nhận nội dung được chia sẻ.
Ngừng sử dụng và xoá trong Chrome 79
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 79 để giúp bạn lên kế hoạch.
- Chrome
API Trình kích hoạt thông báo
API Trình kích hoạt thông báo cho phép nhà phát triển lên lịch cho các thông báo cục bộ mà không cần kết nối mạng, điều này rất lý tưởng cho các trường hợp sử dụng như ứng dụng lịch.
Chromium Chronicle #7: Nguồn xử lý trước
Việc biên dịch thủ công một tệp nguồn Chromium có thể giúp nhà phát triển thử nghiệm các tuỳ chọn tối ưu hoá trình biên dịch, nắm được các chi tiết macro tinh vi hoặc giảm thiểu lỗi của trình biên dịch. Trong tháng này, chúng ta sẽ cùng tìm hiểu cách xử lý trước nguồn.
- Chrome
Tính năng mới trong Chrome 78
Chrome 78 hiện đã ra mắt! Giờ đây, bạn có thể cung cấp "kiểu" cho các biến CSS. Bạn có các trình chạy dịch vụ mới hơn vì việc kiểm tra từng byte hiện được thực hiện cho các tập lệnh được nhập bởi importScripts(). Và tôi đã có thông tin chi tiết về hai bản dùng thử theo nguyên gốc mới cung cấp một số chức năng mới gọn gàng bao gồm Native File System (Hệ thống tệp gốc) và SMS receiverr (Bộ thu SMS). Ngoài ra, Chrome DevSummit sẽ diễn ra từ ngày 11 đến 12 tháng 11 năm 2019. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 78!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 79)
Gỡ lỗi vì sao cookie bị chặn, mô phỏng yếu tố Preferred-color-scheme: tối, cập nhật mức độ sử dụng mã, v.v.
- Chrome
Tổng thời gian chặn
Tìm hiểu về chỉ số Tổng thời gian chặn của Lighthouse cũng như cách đo lường và tối ưu hóa chỉ số này.
Xác minh số điện thoại trên web bằng API WebOTP
Việc tìm, ghi nhớ và nhập mật khẩu một lần (OTP) gửi qua SMS thật rườm rà. API WebOTP đơn giản hoá quy trình sử dụng OTP cho người dùng.
Chromium Chronicle #6: Chế độ xem lưới của Monorail
Công cụ theo dõi lỗi của Chrome, Monorail, cung cấp chế độ xem dạng lưới cho phép bạn trực quan hoá các vấn đề của mình bằng bảng kiểu Kanban. Tập này giải thích cách sử dụng chế độ lưới.
- Chrome
Trình chạy dịch vụ mới hơn, theo mặc định
Theo mặc định, các yêu cầu HTTP kiểm tra bản cập nhật cho tập lệnh trình chạy dịch vụ sẽ không còn được bộ nhớ đệm HTTP thực hiện. Đồng thời, các tập lệnh đã nhập có thể kích hoạt quy trình cập nhật trình chạy dịch vụ.
- Chrome
Ngừng sử dụng và xoá trong Chrome 78
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 78 để giúp bạn lên kế hoạch.
- Chrome
Điểm số hỗ trợ tiếp cận trên Lighthouse
Tìm hiểu cách Lighthouse tạo điểm số hỗ trợ tiếp cận cho trang của bạn.
Tính điểm hiệu suất của Lighthouse
Tìm hiểu cách Lighthouse tạo điểm hiệu suất tổng thể cho trang của bạn.
Tính năng mới trong Chrome 77
Chrome 77 hiện đã ra mắt! Có một cách tốt hơn để theo dõi hiệu suất trang web của bạn bằng Thời gian hiển thị nội dung lớn nhất. Biểu mẫu có một số tính năng mới. Tính năng tải từng phần gốc đã ra mắt. Chrome DevSummit sẽ diễn ra từ ngày 11 đến 12 tháng 11 năm 2019. Và nhiều câu hỏi khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 77!
- Chrome
Gỡ lỗi dịch vụ nền
Xem báo cáo và gỡ lỗi các dịch vụ nền, chẳng hạn như tìm nạp trong nền, đồng bộ hoá nền, thông báo, thông báo đẩy và nhiều dịch vụ khác.
- 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 78)
Lighthouse 5.2 trong bảng Kiểm tra và Thời gian hiển thị nội dung lớn nhất trong bảng Hiệu suất.
- Chrome
Hướng dẫn nhanh
Hướng dẫn để bắt đầu xây dựng một Hoạt động cơ bản, cơ bản trên web của chương trình Đáng tin cậy.
Làm quen với GPU Compute trên web
Bài đăng này sẽ khám phá API WebGPU thử nghiệm thông qua các ví dụ và giúp bạn bắt đầu thực hiện các phép tính song song dữ liệu bằng GPU.
Chromium Chronicle #5: Lập trình bên ngoài Hộp cát
Tất cả các mã đều có lỗi. Quy trình của Trình duyệt Chrome không có hộp cát, nghĩa là những lỗi này có thể cấp cho các mã độc hại quyền truy cập đầy đủ vào toàn bộ thiết bị. Tập này giải thích việc nên làm và không nên làm khi lập trình mà không cần hộp cát.
- Chrome
Biết được tình trạng của mã bằng API ReportingObserver
ReportingObserver cho bạn biết thời điểm trang web của bạn sử dụng API không dùng nữa hoặc gặp sự can thiệp vào trình duyệt. Chức năng cơ bản ban đầu có trong Chrome 69. Kể từ Chrome 84, tiện ích này có thể được sử dụng trong worker. Khá đơn giản.
Ngừng sử dụng và xoá trong Chrome 77
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 77 để giúp bạn lên kế hoạch.
- Chrome
Bộ chọn người liên hệ cho web
Quyền truy cập vào danh bạ của người dùng đã là một tính năng của ứng dụng iOS/Android kể từ (gần như) thời kỳ bình minh. API Bộ chọn liên hệ là API theo yêu cầu cho phép người dùng chọn một hoặc nhiều mục từ danh bạ của họ và chia sẻ chi tiết giới hạn về(những) người liên hệ đã chọn với trang web. Ứng dụng này cho phép người dùng chỉ chia sẻ những gì họ muốn, vào thời điểm họ muốn và giúp người dùng tiếp cận cũng như kết nối với bạn bè và gia đình của họ dễ dàng hơn.
Tính năng mới trong Chrome 76
Chrome 76 hiện đã ra mắt! Tiện ích này bổ sung tính năng hỗ trợ cho truy vấn đa phương tiện Preferred-color-scheme, đưa chế độ tối vào các trang web. Nút cài đặt trong thanh địa chỉ giúp cài đặt Ứng dụng web tiến bộ trên máy tính dễ dàng hơn. Một cách để ngăn thanh thông tin nhỏ xuất hiện trên thiết bị di động. Tăng tần suất cập nhật WebAPK. Và nhiều câu hỏi khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 76!
- Chrome
Chromium Chronicle #4: Kiểm tra các tính năng của nền tảng web bằng WPT
Thử nghiệm Nền tảng web (WPT) là cách ưu tiên để thử nghiệm các tính năng hiển thị trên web, vì các tính năng này được chia sẻ với các trình duyệt khác thông qua GitHub. Trong tháng này, chúng ta sẽ cùng tìm hiểu các phương pháp hay nhất về WPT.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 77)
Sao chép kiểu phần tử, trực quan hoá việc thay đổi bố cục và nhiều tính năng khác.
- Chrome
Các bản cập nhật về nội dung nghe nhìn trong Chrome 75
Dự đoán xem quá trình phát có mượt mà và tiết kiệm điện năng đối với nội dung đa phương tiện được mã hoá hay không và hỗ trợ gợi ý thuộc tính "playsInline" của phần tử video.
- Chrome
Bản cập nhật về Thành phần web – thêm thời gian để nâng cấp lên các API phiên bản 1
Người dùng Thành phần web phiên bản 0 có nhiều thời gian hơn để nâng cấp lên phiên bản 1; nhưng hãy nhớ kiểm tra và đảm bảo.
- Chrome
Chromium Chronicle #3: Mức độ sử dụng mã trong Gerrit
Các bài kiểm thử đóng vai trò quan trọng vì có thể tìm ra lỗi và lỗi hồi quy, thực thi những thiết kế tốt hơn và giúp mã dễ bảo trì hơn. Trong tháng này, hãy cùng tìm hiểu cách tiến hành các quy trình kiểm tra kỹ lưỡng với Gerrit.
- Chrome
Ngừng sử dụng và xoá trong Chrome 76
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 76 để giúp bạn lên kế hoạch.
- Chrome
Cập nhật WebAPK thường xuyên hơn
Kể từ Chrome 76, WebAPK sẽ được cập nhật thường xuyên hơn.
- Chrome
LayoutNG
Công cụ bố cục mới cho Chromium
- Chrome
Tính năng mới trong Chrome 75
Chrome 75 hiện đang ra mắt. Có một cách mới để giảm độ trễ trên các phần tử canvas. Giờ đây, các ứng dụng web có thể chia sẻ tệp với các ứng dụng đã cài đặt khác bằng trang tính chia sẻ ở cấp hệ thống. Tất cả các cuộc trò chuyện tại Google I/O đều có trên kênh YouTube của chúng tôi. Và nhiều câu hỏi khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 75!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 76)
Tự động hoàn thành bằng các giá trị CSS, giao diện người dùng mới cho các chế độ cài đặt mạng, v.v.
- Chrome
Chromium Chronicle #2: Kiểm tra tính dễ bị tổn thương
Kiểm thử không ổn định là một vấn đề phổ biến trên Chrome. Những API này ảnh hưởng đến năng suất của các nhà phát triển khác và sẽ bị vô hiệu hoá theo thời gian. Trong tháng này, hãy cùng tìm hiểu cách chống lại tình trạng không ổn định trong thử nghiệm.
- Chrome
Trong Chrome 76, bạn có thể ẩn thanh thông tin thu nhỏ Thêm vào Màn hình chính
Bổ sung thêm quyền kiểm soát vào thanh thông tin nhỏ cho PWA trong Chrome 76.
- Chrome
Thực tế tăng cường với trình xem mô hình
Vào tháng 2, chúng tôi đã giới thiệu thành phần web trình xem mô hình, cho phép bạn thêm mô hình 3D vào trang web theo cách tuyên bố. Hiện tại, chúng tôi xin thông báo rằng bạn sẽ hỗ trợ công nghệ thực tế tăng cường (AR) trên Android cùng với việc bổ sung thuộc tính ar.
- Chrome
Giữ sơn – giảm ánh sáng nhấp nháy màu trắng trên các thanh điều hướng cùng nguồn gốc
Tổng quan nhanh về việc giữ sơn. Một tính năng của Chrome giúp giảm ánh sáng nhấp nháy màu trắng trên các thao tác cùng nguồn gốc
- Chrome
Tránh chuyển hướng trang nhiều lần
Tìm hiểu nguyên nhân khiến chuyển hướng trang làm chậm tốc độ tải trang web của bạn và cách tránh.
Duy trì số lượng yêu cầu thấp và chuyển kích thước nhỏ
Tìm hiểu xem số lượng tài nguyên cao và kích thước chuyển lớn ảnh hưởng như thế nào đến hiệu suất tải. Nhận chiến lược để giảm số lượng yêu cầu và kích thước chuyển.
CPU không hoạt động lần đầu
Tìm hiểu về chỉ số CPU đầu tiên không hoạt động của Lighthouse và cách tối ưu hóa chỉ số này.
Giảm tác động của mã bên thứ ba
Tìm hiểu cách mã của bên thứ ba, như mạng quảng cáo và dịch vụ phân tích, ảnh hưởng đến hiệu suất tải trang và cách bạn có thể tối ưu hóa mã của bên thứ ba.
Giảm thiểu CSS
Tìm hiểu về quy trình kiểm tra css không được chỉ định.
Người dùng tập trung vào nội dung mới được thêm vào trang
Tìm hiểu cách thực hiện các thay đổi trong trạng thái của ứng dụng web mà người dùng công nghệ hỗ trợ có thể hiểu được bằng cách di chuyển trọng tâm vào nội dung mới thêm.
Các phần tử tương tác cho biết mục đích và trạng thái của chúng
Tìm hiểu cách cải thiện khả năng tiếp cận các chế độ điều khiển tuỳ chỉnh trên trang web của bạn bằng cách trình bày rõ ràng mục đích và trạng thái của các chế độ đó cho tất cả người dùng.
Tài liệu không sử dụng cỡ chữ dễ đọc
Tìm hiểu về bài kiểm tra của "Tài liệu không sử dụng kích thước phông chữ dễ đọc" bằng Lighthouse.
Các đường liên kết đến các đích đến nhiều nguồn gốc là không an toàn
Tìm hiểu cách liên kết an toàn đến các tài nguyên trên một máy chủ lưu trữ khác.
Trì hoãn hình ảnh ngoài màn hình
Tìm hiểu về việc kiểm tra những hình ảnh ngoài màn hình.
Sử dụng trình nghe thụ động để cải thiện hiệu suất cuộn
Tìm hiểu cách cải thiện khả năng phản hồi của trang bằng cách tránh sử dụng trình nghe sự kiện thụ động.
Tài liệu sử dụng trình bổ trợ
Tìm hiểu về quy trình kiểm tra "Tài liệu sử dụng trình bổ trợ" của Lighthouse.
Thời gian phản hồi lần tương tác đầu tiên tối đa có thể
Tìm hiểu về chỉ số Thời gian phản hồi lần tương tác đầu tiên tối đa tiềm năng không dùng nữa của Lighthouse cũng như cách đo lường và tối ưu hóa chỉ số này.
Tài liệu không có phần mô tả meta
Tìm hiểu về bài kiểm tra của "Tài liệu không có mô tả meta" về Lighthouse.
Mục tiêu nhấn có kích thước không phù hợp
Tìm hiểu về bài kiểm tra của Lighthouse "mục tiêu nhấn có kích thước không phù hợp".
Kết nối trước với các nguồn gốc bắt buộc
Tìm hiểu về quy trình kiểm tra kết nối trước khi sử dụng.
Thay đổi kích thước hình ảnh cho phù hợp
Tìm hiểu về quy trình kiểm tra sử dụng hình ảnh thích ứng.
Các biện pháp kiểm soát tuỳ chỉnh có vai trò của Ứng dụng Internet phong phú dễ dùng (ARIA)
Tìm hiểu cách cải thiện khả năng hỗ trợ tiếp cận bằng cách thêm ARIA vào chế độ điều khiển tuỳ chỉnh để các công nghệ hỗ trợ có thể diễn giải.
Tránh tài nguyên lớn trên mạng
Tìm hiểu cách cải thiện thời gian tải của trang web bằng cách giảm tổng kích thước tệp của các tài nguyên mà bạn phân phát cho người dùng.
Ngăn người dùng dán nội dung vào các trường nhập dữ liệu
Tìm hiểu cách cải thiện trải nghiệm người dùng trên màn hình đăng nhập của trang web bằng cách cho phép người dùng dán nội dung vào các trường nhập dữ liệu.
Tiêu điểm của người dùng không vô tình bị mắc kẹt trong một khu vực
Tìm hiểu cách cải thiện khả năng hỗ trợ tiếp cận cho người dùng bàn phím bằng cách ngăn tiêu điểm bị mắc kẹt trong một vùng của trang.
Ngừng sử dụng và xoá trong Chrome 75
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 75 để giúp bạn lên kế hoạch.
- Chrome
Sử dụng các API không dùng nữa
Tìm hiểu cách xoá và thay thế các API không dùng nữa khỏi trang web của bạn.
Các mốc thời gian và chỉ số đo lường Thời gian người dùng
Tìm hiểu cách API Thời gian người dùng có thể giúp bạn nhận dữ liệu hiệu suất thực tế cho trang web của mình.
Hiển thị nội dung đầu tiên
Tìm hiểu về chỉ số Hiển thị nội dung đầu tiên của Lighthouse cũng như cách đo lường và tối ưu hóa chỉ số này.
Không sử dụng HTTP/2 cho tất cả các tài nguyên của trang web
Tìm hiểu lý do HTTP/2 quan trọng đối với thời gian tải của trang và cách bật HTTP/2 trên máy chủ của bạn.
Giảm thiểu công việc theo chuỗi chính
Tìm hiểu về chuỗi chính của trình duyệt và cách bạn có thể tối ưu hóa trang web của mình để giảm tải chuỗi chính và cải thiện hiệu suất.
Phân phát hình ảnh ở định dạng hiện đại
Tìm hiểu về quá trình kiểm tra use-webp-images.
Giảm thời gian thực thi JavaScript
Tìm hiểu cách việc thực thi JavaScript có thể làm chậm hiệu suất trang và cách bạn có thể tăng tốc độ này.
Các phần tử mốc HTML5 được dùng để cải thiện khả năng điều hướng
Tìm hiểu cách cải thiện khả năng truy cập trang web của bạn bằng cách cung cấp các điểm mốc mà người dùng bàn phím có thể sử dụng để điều hướng.
Hiển thị hình ảnh có tỷ lệ khung hình không chính xác
Tìm hiểu cách hiển thị hình ảnh thích ứng với tỷ lệ khung hình chính xác.
Chế độ kiểm soát tuỳ chỉnh có nhãn liên kết
Tìm hiểu cách cải thiện khả năng hỗ trợ tiếp cận bằng cách đảm bảo rằng tất cả các chế độ điều khiển tuỳ chỉnh đều có nhãn mà người dùng công nghệ hỗ trợ tiếp cận có thể truy cập.
Kết xuất độ trễ thấp với gợi ý chưa đồng bộ hoá
Các ứng dụng vẽ dựa trên bút cảm ứng được tạo cho web gặp phải vấn đề về độ trễ vì trang web phải đồng bộ hoá các bản cập nhật đồ hoạ với DOM. Gợi ý huỷ đồng bộ hoá cho ngữ cảnh sẽ bỏ qua DOM để loại bỏ độ trễ.
- Chrome
Trang có mã trạng thái HTTP không thành công
Tìm hiểu về quá trình kiểm tra Lighthouse "Trang có mã trạng thái HTTP không thành công".
Tài liệu không có rel=canonical hợp lệ
Tìm hiểu về "Tài liệu không có kiểm tra rel=canonical" Lighthouse hợp lệ.
Tải trước các yêu cầu chính
Tìm hiểu về quá trình kiểm tra liên quan đến việc sử dụng.
Bao gồm các thư viện giao diện người dùng JavaScript có các lỗ hổng bảo mật đã biết
Tìm hiểu cách tăng cường tính bảo mật cho trang của bạn bằng cách thay thế các thư viện JavaScript có những lỗ hổng đã biết.
Hiển thị nội dung đầu tiên
Tìm hiểu về chỉ số Hiển thị nội dung đầu tiên không dùng nữa của Lighthouse cũng như cách đo lường và tối ưu hóa chỉ số này.
Phân phát các tài sản tĩnh bằng chính sách bộ nhớ đệm hiệu quả
Tìm hiểu cách lưu các tài nguyên tĩnh trên trang web của bạn vào bộ nhớ đệm có thể cải thiện hiệu suất và độ tin cậy cho những khách truy cập thường xuyên như thế nào.
Mã hóa hình ảnh hiệu quả
Tìm hiểu về kiểm tra hình ảnh được tối ưu hóa cho việc sử dụng.
Sử dụng các định dạng video cho nội dung động
Tìm hiểu về kiểm tra nội dung động hiệu quả.
Nội dung ngoài màn hình bị ẩn khỏi công nghệ hỗ trợ
Tìm hiểu cách cải thiện khả năng hỗ trợ tiếp cận cho người dùng công nghệ hỗ trợ bằng cách ẩn nội dung ngoài màn hình khỏi các công nghệ hỗ trợ.
Thời gian chờ nhập thông tin ước tính
Tìm hiểu về chỉ số Độ trễ đầu vào ước tính của Lighthouse cũng như cách đo lường và tối ưu hóa chỉ số này.
Giảm thời gian phản hồi của máy chủ
Tìm hiểu về tính năng kiểm tra thời gian phản hồi của máy chủ.
Đường liên kết không có văn bản mô tả
Tìm hiểu về "các đường liên kết không có văn bản mô tả" kiểm tra Lighthouse.
Yêu cầu quyền truy cập vị trí địa lý khi tải trang
Tìm hiểu cách yêu cầu cấp quyền truy cập vị trí địa lý một cách có trách nhiệm nhằm mang lại trải nghiệm tốt cho người dùng.
Tránh tạo chuỗi các yêu cầu quan trọng
Tìm hiểu về chuỗi yêu cầu quan trọng, ảnh hưởng của chúng đến hiệu suất trang web và cách bạn có thể giảm ảnh hưởng.
Thu nhỏ JavaScript
Tìm hiểu về kiểm tra JavaScript không được chỉ định.
Đã ghi lỗi của trình duyệt vào bảng điều khiển
Tìm hiểu cách xác định và khắc phục các lỗi của trình duyệt.
Xoá CSS không dùng đến
Tìm hiểu về kiểm tra quy tắc css không sử dụng.
Sử dụng document.write()
Tìm hiểu cách tăng thời gian tải trang bằng cách tránh document.write().
robots.txt không hợp lệ
Tìm hiểu về việc kiểm tra Lighthouse.txt không hợp lệ.
Các nút điều khiển tương tác có thể làm tâm điểm vào bàn phím
Tìm hiểu cách làm cho các điều khiển tuỳ chỉnh trên trang web của bạn trở thành tiêu điểm để người dùng bàn phím có thể truy cập chúng.
Trang bị chặn lập chỉ mục
Tìm hiểu về việc "Trang bị chặn lập chỉ mục" bằng Lighthouse.
Thứ tự hình ảnh trên trang tuân theo thứ tự DOM
Tìm hiểu về tính năng kiểm tra theo dõi thứ tự bằng hình ảnh.
Yêu cầu quyền gửi thông báo khi tải trang
Tìm hiểu cách yêu cầu cấp quyền gửi thông báo một cách có trách nhiệm nhằm mang lại trải nghiệm tốt cho người dùng.
Loại bỏ các tài nguyên chặn hiển thị
Tìm hiểu về việc kiểm tra tài nguyên chặn hiển thị.
Thời điểm tương tác
Tìm hiểu về chỉ số Thời gian tương tác của Lighthouse cũng như cách đo lường và tối ưu hóa chỉ số này.
Bật tùy chọn nén văn bản
Tìm hiểu về việc bật tính năng nén văn bản có thể cải thiện hiệu suất tải trang của bạn như thế nào.
Dữ liệu có cấu trúc là hợp lệ
Tìm hiểu về kiểm tra "Dữ liệu có cấu trúc là hợp lệ" của Lighthouse.
Dùng bộ nhớ đệm của ứng dụng
Tìm hiểu cách di chuyển trang web của bạn từ Bộ nhớ đệm ứng dụng không được dùng nữa sang API Bộ nhớ đệm.
Chỉ số tốc độ
Tìm hiểu về chỉ số Chỉ số tốc độ của Lighthouse và cách tối ưu hoá chỉ số này.
Trang thiếu loại tài liệu HTML nên đã kích hoạt chế độ tương thích ngược
Tìm hiểu cách đảm bảo trang của bạn không kích hoạt chế độ tương thích ngược trong các trình duyệt cũ hơn.
Trang có thứ tự thẻ logic
Tìm hiểu cách giúp người dùng bàn phím di chuyển trên trang web dễ dàng hơn bằng cách sắp xếp các điểm dừng thẻ theo thứ tự hợp lý.
Tài liệu không có hreflang hợp lệ
Tìm hiểu về việc "Tài liệu không có bài kiểm tra Lighthouse hợp lệ hreflang".
Thư viện JavaScript phát hiện được
Tìm hiểu về tính năng kiểm tra "tính năng kiểm tra thư viện JavaScript đã phát hiện của Lighthouse.
Tính năng mới trong Chrome 74
Đúng thời điểm diễn ra Google I/O, Chrome 74 hiện đã ra mắt! Công cụ này hỗ trợ thêm các trường lớp riêng tư; cho phép bạn phát hiện thời điểm người dùng yêu cầu giảm trải nghiệm chuyển động; hỗ trợ thêm các sự kiện chuyển đổi CSS và nhiều tính năng khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 74!
- Chrome
Thông báo nhật ký trong Bảng điều khiển
Tìm hiểu cách ghi nhật ký thông báo vào Console.
- Công cụ của Chrome cho nhà phát triển
Xem các giá trị JavaScript theo thời gian thực bằng biểu thức trực tiếp
Nếu bạn thấy mình nhiều lần nhập cùng một biểu thức JavaScript vào Console, hãy thử nhập biểu thức trực tiếp.
- Công cụ của Chrome cho nhà phát triển
Tài liệu tham khảo về các tính năng của bảng điều khiển
Tài liệu tham khảo toàn diện về mọi tính năng và hành vi liên quan đến giao diện người dùng Bảng điều khiển trong Công cụ của Chrome cho nhà phát triển.
- 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 75)
Các giá trị đặt trước của tính năng tự động hoàn thành có ý nghĩa, xoá dữ liệu trang web khỏi Trình đơn lệnh, v.v.
- Chrome
Chromium Chronicle #1: Các phương pháp hay nhất để lên lịch công việc
Nhóm Chrome tự hào giới thiệu Chromium Chronicle, một loạt bài viết hằng tháng dành riêng cho các nhà phát triển Chromium – những nhà phát triển xây dựng trình duyệt. Trong tháng này, hãy cùng tìm hiểu các phương pháp hay nhất để lên lịch công việc.
- Chrome
Không dùng nữa: Xem dữ liệu bộ nhớ đệm của ứng dụng bằng Công cụ của Chrome cho nhà phát triển
Cách xem dữ liệu Bộ nhớ đệm của ứng dụng từ bảng điều khiển ứng dụng của Công cụ của Chrome cho nhà phát triển.
- Công cụ của Chrome cho nhà phát triển
Xem dữ liệu bộ nhớ đệm
Cách xem dữ liệu bộ nhớ đệm từ bảng điều khiển ứng dụng của Công cụ của Chrome cho nhà phát triển.
- Công cụ của Chrome cho nhà phát triển
Xem dữ liệu Web SQL
Cách xem dữ liệu Web SQL từ bảng điều khiển Ứng dụng của Công cụ của Chrome cho nhà phát triển.
- Công cụ của Chrome cho nhà phát triển
Ngừng sử dụng và xoá trong Chrome 74
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 74 để giúp bạn lên kế hoạch.
- Chrome
Nút DOM hiện được chọn
Tìm hiểu phím tắt nhanh trên bảng điều khiển để lấy nút DOM hiện được chọn.
- Chrome
Xem và thay đổi dữ liệu IndexedDB
Cách xem và thay đổi dữ liệu IndexedDB bằng bảng điều khiển Application (Ứng dụng) và Đoạn mã.
- Công cụ của Chrome cho nhà phát triển
Xem và chỉnh sửa bộ nhớ phiên
Cách xem và chỉnh sửa `sessionStorage` bằng ngăn Bộ nhớ phiên và Bảng điều khiển.
- Công cụ của Chrome cho nhà phát triển
Xem và chỉnh sửa bộ nhớ cục bộ
Cách xem và chỉnh sửa `localStorage` bằng ngăn Bộ nhớ cục bộ và Bảng điều khiển.
- Công cụ của Chrome cho nhà phát triển
Tính năng mới trong Chrome 73
Chrome 73 giúp việc tạo nội dung di động trở nên dễ dàng hơn nhờ cơ chế trao đổi HTTP đã ký. Việc thay đổi kiểu một cách linh hoạt trở nên dễ dàng hơn nhiều nhờ các biểu định kiểu có thể xây dựng. Đồng thời, hỗ trợ thêm Ứng dụng web tiến bộ trên máy Mac, giúp hỗ trợ PWA trên tất cả nền tảng máy tính và thiết bị di động, giúp bạn dễ dàng tạo các ứng dụng có thể cài đặt, được phân phối qua web. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 73!
- Chrome
Bộ nhớ KV - Mô-đun tích hợp đầu tiên của web
Giới thiệu về KV Storage API mới, các mô-đun tích hợp và tính năng nhập bản đồ.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 74)
Đánh dấu các nút chịu ảnh hưởng của một thuộc tính CSS, Lighthouse phiên bản 4, trình xem thông báo nhị phân WebSocket, v.v.
- Chrome
Bắt đầu xem và thay đổi DOM
Cách xem nút, tìm kiếm nút, chỉnh sửa nút, tham chiếu nút trong Bảng điều khiển, ngắt khi thay đổi nút, v.v.
- Công cụ của Chrome cho nhà phát triển
Nhóm Hệ sinh thái nhà phát triển web – Tổng kết tháng 2
Khép lại tháng 2, chúng ta hãy cùng nhìn lại những gì đang xảy ra trong nhóm Hệ sinh thái nhà phát triển web.
- Chrome
Di chuyển từ Workbox phiên bản 3 sang phiên bản 4
Hướng dẫn di chuyển từ Workbox v3 sang v4.
cửa sổ hộp làm việc
Một mô-đun giúp đăng ký trình chạy dịch vụ, quản lý bản cập nhật và phản hồi các sự kiện trong vòng đời.
Thay thế một đường dẫn nóng trong JavaScript của ứng dụng bằng WebAssembly
Một lợi ích chính mà WebAssembly mang lại là hiệu suất _có thể dự đoán_ trên các trình duyệt. Nhưng làm cách nào để chuyển đường dẫn nóng được viết bằng JavaScript thành WebAssembly?
- Chrome
Ngừng sử dụng và xoá trong Chrome 73
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 73 để giúp bạn lên kế hoạch.
- Chrome
Kết quả phù hợp hơn với String.prototype.matchAll()
Chrome 73 ra mắt phương thức String.prototype.matchAll(). Hàm này hoạt động tương tự như match(), nhưng cung cấp cách đơn giản để lặp lại các kết quả trùng khớp, đặc biệt là khi bạn cần quyền truy cập vào nhóm thu thập.
- Chrome
Đẩy nhanh con lăn chuột theo mặc định
Khả năng phản hồi của thao tác cuộn rất quan trọng đối với mức độ tương tác của người dùng với một trang web trên thiết bị di động, nhưng trình nghe sự kiện con lăn thường gây ra các vấn đề nghiêm trọng về hiệu suất cuộn. Tìm hiểu cách chúng tôi giúp người dùng và nhà phát triển tăng tốc độ theo mặc định.
- Chrome
Các bản cập nhật về nội dung nghe nhìn trong Chrome 73
Hỗ trợ khoá phương tiện phần cứng, kiểm tra chính sách HDCP, bản dùng thử theo nguyên gốc Hình trong hình và nhiều tính năng khác.
- Chrome
Các mẫu và Thành phần web cực nhanh - lit-html & LitElement
lit-html và LitElement mang các mẫu nhanh, gọn nhẹ cũng như các thành phần có khả năng tương tác cho web hiện đại.
- Chrome
RTCQuicTransport sắp ra mắt bản dùng thử gốc ở gần bạn (Chrome 73)
RTCQuicTransport là một API nền tảng web mới cho phép trao đổi dữ liệu tuỳ ý với những người dùng từ xa bằng giao thức QUIC.
- Chrome
Tắt JavaScript
Mở trình đơn Lệnh và chạy lệnh Tắt JavaScript.
- Công cụ của Chrome cho nhà phát triển
Tính năng mới trong Chrome 72
Trong Chrome 72, việc tạo các trường lớp công khai trong JavaScript giờ đây sẽ gọn gàng hơn nhiều, bạn có thể thấy liệu một trang đã được kích hoạt bằng API Kích hoạt người dùng mới hay chưa, việc bản địa hoá danh sách trở nên dễ dàng hơn và còn nhiều điều khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 72!
- Chrome
Tạo gói ngăn xếp tạo mẫu cho Lighthouse
Thay vì chỉ đưa ra lời khuyên chung, Gói ngăn xếp sẽ mở rộng Lighthouse để đưa vào các thông báo bổ sung cho các công cụ cụ thể.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 73)
Điểm nhật ký, chú giải công cụ chi tiết trong Chế độ kiểm tra, v.v.
- Chrome
Đảm bảo hoạt động kích hoạt của người dùng nhất quán trên các API
Trong phiên bản 72, Chrome cung cấp tính năng Kích hoạt người dùng phiên bản 2, giúp người dùng có thể kích hoạt chế độ hoàn chỉnh đối với tất cả các API được kiểm soát kích hoạt, từ đó giải quyết được nhiều trường hợp không nhất quán khi kích hoạt người dùng.
- Chrome
API Phát hiện hình dạng: một hình ảnh đáng giá hàng nghìn từ, khuôn mặt và mã vạch
API Phát hiện hình dạng phát hiện khuôn mặt, mã vạch và văn bản trong hình ảnh.
Xây dựng thiết bị cho WebUSB
Tạo một thiết bị để khai thác tối đa API WebUSB. Bài viết này giải thích cách tạo một thiết bị để khai thác tối đa API WebUSB. Để biết thông tin giới thiệu ngắn gọn về chính API này, hãy xem phần Truy cập vào thiết bị USB trên web. Bus nối tiếp đa
Ngừng sử dụng và xoá trong Chrome 72
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 72 để giúp bạn lên kế hoạch.
- Chrome
Không khoá màn hình bằng API Khoá chế độ thức trên màn hình
Để tránh làm tiêu hao pin, hầu hết các thiết bị sẽ nhanh chóng chuyển sang chế độ ngủ khi không sử dụng. Mặc dù hầu hết các trường hợp điều này đều ổn, nhưng có một số ứng dụng cần giữ cho màn hình luôn bật để hoàn tất một số công việc. Với Screen Wake Lock API, bạn có thể ngăn thiết bị giảm độ sáng hoặc khoá màn hình khi ứng dụng cần tiếp tục chạy.
Mở Công cụ của Chrome cho nhà phát triển
Tất cả các cách mở Công cụ của Chrome cho nhà phát triển.
- Công cụ của Chrome cho nhà phát triển
Tiêu điểm thành phần theo dõi
Mở Console, tạo một Biểu thức trực tiếp rồi đặt biểu thức thành document.activeElement.
- Công cụ của Chrome cho nhà phát triển
Huy hiệu cho biểu tượng ứng dụng
API Huy hiệu ứng dụng cho phép các ứng dụng web đã cài đặt đặt huy hiệu cho toàn ứng dụng, hiển thị ở vị trí dành riêng cho hệ điều hành được liên kết với ứng dụng, chẳng hạn như kệ hoặc màn hình chính. Huy hiệu giúp bạn dễ dàng thông báo cho người dùng một cách tinh tế rằng có một số hoạt động mới có thể cần họ chú ý hoặc có thể dùng để chỉ ra một lượng nhỏ thông tin, chẳng hạn như số lượng thông tin chưa đọc.
Tính năng mới trong Chrome 71
Chrome 71 giúp việc hiển thị các giá trị thời gian tương đối dễ dàng hơn nhờ API Intl.RelativeTimeFormat() mới. Bạn có thể chỉ định bên nào của văn bản sẽ được gạch dưới xuất hiện đối với văn bản chạy theo chiều dọc. Đồng thời, để sử dụng API tổng hợp giọng nói, người dùng hiện phải kích hoạt trước khi máy tính bắt đầu nói chuyện với bạn! Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 71!
- Chrome
Giới thiệu về Tìm nạp trong nền
Tính năng tìm nạp trong nền cho phép bạn xử lý các tệp tải xuống có kích thước lớn, ngay cả khi trình duyệt đóng.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 72)
Trực quan hoá các chỉ số hiệu suất, đánh dấu các nút văn bản, sao chép đường dẫn JS đến nút DOM và cập nhật bảng điều khiển Kiểm tra.
- Chrome
Âm thanh web, chính sách tự động phát và trò chơi
Vào tháng 9 năm 2017, chúng tôi đã thông báo về một thay đổi sắp tới đối với cách xử lý âm thanh theo chính sách về hành vi tự động phát trong Chrome. Thay đổi về chính sách này được phát hành cùng với Chrome 66 phiên bản ổn định vào tháng 5 năm
- Chrome
Trạng thái tính năng mới
Ứng dụng web phải có thể làm mọi việc mà ứng dụng dành riêng cho nền tảng có thể làm. Khám phá trạng thái của các tính năng mới cho ứng dụng web.
Sàn giao dịch HTTP có chữ ký
Cơ chế trao đổi có chữ ký cho phép các trang web ký nội dung web theo cách thức mà nội dung đó có thể được phân phối lại và xác minh một cách an toàn từ nguồn gốc của nội dung.
- Chrome
Ngừng sử dụng và xoá trong Chrome 71
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 71 để giúp bạn lên kế hoạch.
- Chrome
Thông tin cập nhật về âm thanh/video trong Chrome 70
Tóm tắt các bản cập nhật âm thanh/video trong Chrome 70 – Bộ mã hoá và phát lại luồng chéo byte và bộ đệm, Opus ở định dạng MP4 với MSE và phát lại nội dung được bảo vệ được cho phép theo mặc định trên Android.
- Chrome
Xem video bằng tính năng Hình trong hình
Kiểm soát tính năng Hình trong hình cho các phần tử video trên trang web.
- Chrome
Tính năng mới trong Chrome 70
Chrome 70 bổ sung tính năng hỗ trợ Ứng dụng web tiến bộ dành cho máy tính trên Windows và Linux, hỗ trợ Thông tin xác thực khoá công khai cho API Quản lý thông tin xác thực, cho phép bạn cung cấp tên cho những nhân viên chuyên trách và nhiều lợi ích khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 70!
- Chrome
Các tuỳ chọn chỉnh sửa thành cache.addAll() và importScripts() sắp có trong Chrome 71
Một số thay đổi nhỏ sắp tới đối với cache.addAll() và importScripts và trong Chrome 71.
- Chrome
Vấn đề về thời gian vẽ của Chrome 69
Chrome 69 có một thay đổi không chính xác đối với chỉ số thời gian vẽ của chúng tôi, vốn nhằm mục đích ghi lại nhiều quy trình kết xuất hơn, nhưng đã dẫn đến một số dấu thời gian không chính xác.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 71)
Đánh dấu nút DOM từ biểu thức Trực tiếp, lưu trữ nút dưới dạng biến toàn cục, v.v.
- Chrome
Hoạt hình Worklet của Houdini
Animation Worklet cho phép bạn viết các ảnh động bắt buộc chạy ở tốc độ khung hình gốc của thiết bị để có độ mượt mà không có hiện tượng giậtTM không gây gián đoạn, giúp các ảnh động của bạn đàn hồi tốt hơn khi bị giật chuỗi chính và có thể liên kết để cuộn thay vì theo thời gian.
- Chrome
Các chế độ kiểm soát của người dùng đối với quyền của người tổ chức: hướng dẫn chuyển đổi
Nguyên tắc cập nhật Tiện ích nhằm xử lý các thay đổi về quyền của máy chủ thời gian chạy kể từ Chrome 70.
- Tiện ích của Chrome
Tìm hiểu chi tiết về trình duyệt web hiện đại (phần 4)
Xử lý sự kiện đầu vào bằng luồng trình kết hợp
- Chrome
Tìm hiểu về trình duyệt web hiện đại (phần 3)
Hoạt động bên trong của một công cụ kết xuất trình duyệt
- Chrome
Bản cập nhật về nội dung nghe nhìn trong Chrome 70
Phát và lưu vào bộ nhớ đệm và phát trên nhiều luồng byte, Opus ở định dạng MP4 với MSE và tính năng phát nội dung được bảo vệ được cho phép theo mặc định trên Android.
- Chrome
Ngừng sử dụng và xoá bỏ trong Chrome 70
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 68 để giúp bạn lên kế hoạch.
- Chrome
Tìm hiểu chi tiết về trình duyệt web hiện đại (phần 2)
Tìm hiểu cách trình duyệt xử lý yêu cầu chỉ đường.
- Chrome
Truy cập không đồng bộ vào cookie HTTP
Cookie Store API cung cấp quyền truy cập không đồng bộ vào các cookie HTTP và mở kho cookie cho các trình chạy dịch vụ.
- Chrome
Tìm hiểu về trình duyệt web hiện đại (phần 1)
Tìm hiểu cách trình duyệt biến mã của bạn thành trang web hoạt động từ kiến trúc cấp cao đến các chi tiết cụ thể của quy trình hiển thị.
- Chrome
Tính năng mới trong Chrome 69
Đã 10 năm kể từ khi Chrome được phát hành lần đầu tiên. Đã có nhiều thay đổi kể từ thời điểm đó, nhưng mục tiêu của chúng tôi về việc xây dựng một nền tảng vững chắc cho các ứng dụng web hiện đại thì không! Trong Chrome 69, chúng tôi hỗ trợ tính năng chụp nhanh CSS Scroll, hỗ trợ vết khía, khoá web và một vài tính năng CSS4 mới thú vị. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 69!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 70)
Biểu thức trực tiếp trong Console, làm nổi bật các nút DOM trong phần Đánh giá mức độ nghiêm ngặt, v.v.
- Chrome
Bản cập nhật về nội dung nghe nhìn trong Chrome 69
Tổng hợp các bản cập nhật nội dung nghe nhìn trong Chrome 69: Kiểm tra chính sách AV1 và HDCP.
- Chrome
ReportingObserver: biết tình trạng mã của bạn
ReportingObserver cung cấp cho nhà phát triển thông tin chi tiết về hoạt động của mã trong tự nhiên. ReportingObserver hiển thị thông tin về các vấn đề như ngừng sử dụng và can thiệp, các thông báo mà trước đây chỉ có trong bảng điều khiển Công cụ cho nhà phát triển.
- Chrome
Tốc độ hiện là một yếu tố tạo trang đích cho Google Tìm kiếm và Google Ads
Tốc độ hiện là một yếu tố tạo trang đích cho Google Tìm kiếm và Google Ads.
- Chrome
Điểm mới trong Chrome 68
Chrome 68 mang đến các thay đổi đối với hành vi Thêm vào màn hình chính trên Android, giúp bạn có nhiều quyền kiểm soát hơn. API vòng đời của trang cho bạn biết thời điểm thẻ của bạn bị tạm ngưng hoặc khôi phục. Đồng thời, API Trình xử lý thanh toán giúp các ứng dụng thanh toán dựa trên nền tảng web có thể hỗ trợ trải nghiệm Yêu cầu thanh toán. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 68!
- Chrome
Giới thiệu về tính năng Tìm nạp trước NoState
Chrome 63 đi kèm với tính năng Tìm nạp trước NoState. Tìm nạp trước NoState là cơ chế tìm nạp trước các tài nguyên sử dụng ít bộ nhớ hơn so với quy trình kết xuất trước không dùng nữa.
- Chrome
PWACompat – Tệp kê khai ứng dụng web cho mọi trình duyệt
Dùng thư viện PWACompat để đưa Tệp kê khai ứng dụng web của bạn vào mọi trình duyệt.
- Chrome
Workbox-navigation-ắm
Bật tính năng tải trước điều hướng để nhận phản hồi mạng cho các yêu cầu điều hướng nhanh hơn.
Tách biệt trang web cho nhà phát triển web
Chrome 67 trên máy tính có một tính năng mới gọi là Tách biệt trang web\* được bật theo mặc định. Bài viết này giải thích khái niệm tách biệt trang web, lý do tính năng này cần thiết và lý do nhà phát triển web cần biết về tính năng này.
- Chrome
Thử nghiệm với thời gian phản hồi lần tương tác đầu tiên trong báo cáo trải nghiệm người dùng trên Chrome
Thông báo về việc bổ sung chỉ số thử nghiệm Thời gian phản hồi lần tương tác đầu tiên (FID) vào Báo cáo trải nghiệm người dùng trên Chrome.
- Chrome
Tìm hiểu về hạn mức bộ nhớ
Hướng dẫn định cấu hình Workbox để tránh vấn đề về hạn mức bộ nhớ.
Giới thiệu về Chính sách tính năng
Chính sách tính năng cho phép nhà phát triển bật, tắt và sửa đổi hành vi của một số API và tính năng nhất định trong trình duyệt một cách có chọn lọc. Giống như CSP, nhưng chỉ dành cho các tính năng! Giao trong Chrome 60.
- Chrome
Loại bỏ tiếng vọng gốc nhiều hơn
Hỗ trợ thêm cho việc loại bỏ tiếng vọng gốc
- Chrome
Mẫu thiết kế worklet âm thanh
Mẫu thiết kế worklet âm thanh
- Chrome
Thực tế tăng cường cho web
Công nghệ thực tế tăng cường cho phép đặt và theo dõi các vật thể ảo trong chế độ xem thế giới thực.
- Chrome
Chacmool: Thực tế tăng cường trong Chrome Canary
Chacmool, một bản minh hoạ web mang tính giáo dục, cho thấy việc thực tế tăng cường (AR) dựa trên nền tảng web có thể dễ dàng tạo ra trải nghiệm hấp dẫn như thế nào.
- Chrome
Câu hỏi thường gặp về việc di chuyển ngừng sử dụng chế độ cài đặt trực tiếp
Câu hỏi thường gặp về việc ngừng sử dụng tính năng cài đặt cùng dòng cho Tiện ích của Chrome.
- Tiện ích của Chrome
Ngừng sử dụng và xoá bỏ trong Chrome 68
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 68 để giúp bạn lên kế hoạch.
- Chrome
Các thay đổi cần thực hiện để thêm vào hành vi trên màn hình chính
Kể từ Chrome 68 trên Android, hành vi Thêm vào màn hình chính sẽ thay đổi để cho phép bạn kiểm soát nhiều hơn thời điểm và cách thức đưa ra lời nhắc người dùng. Nếu trang web của bạn đáp ứng các tiêu chí "Thêm vào màn hình chính", thì Chrome sẽ không còn tự động hiển thị biểu ngữ thêm vào màn hình chính. Thay vào đó, bạn sẽ cần gọiPrompt() trên sự kiện beforeinstallinstall đã lưu để hiển thị lời nhắc trong hộp thoại thêm vào màn hình chính cho người dùng.
- Chrome
Tính năng mới trong Chrome 67
Chrome 67 mang Ứng dụng web tiến bộ đến với máy tính. Bổ sung tính năng hỗ trợ cho API cảm biến chung, giúp bạn dễ dàng truy cập vào các cảm biến của thiết bị như gia tốc kế, con quay hồi chuyển, v.v. Và bổ sung tính năng hỗ trợ BigInts, giúp việc xử lý các số nguyên lớn trở nên dễ dàng hơn. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 67!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 68)
Đánh giá nghiêm ngặt, gợi ý đối số, tự động hoàn thành hàm, Lighthouse 3.0, v.v.
- Chrome
Bật tính năng xác thực mạnh bằng WebAuthn
Chrome 67 beta giới thiệu API Xác thực web (WebAuthn), cho phép các trình duyệt tương tác và quản lý thông tin xác thực dựa trên khoá công khai. Điều này giúp tăng cường khả năng xác thực bằng cách sử dụng khoá bảo mật có thể tháo rời và trình xác thực nền tảng tích hợp sẵn, chẳng hạn như trình quét vân tay.
Sử dụng Lighthouse để cải thiện hiệu suất tải trang
Kiểm tra perf mới dành cho tính năng tải trước, kết nối trước, GIF, v.v.
- Chrome
Hướng dẫn di chuyển Lighthouse phiên bản 3
Cách di chuyển từ Lighthouse v2 sang v3.
Thông báo về Lighthouse 3.0
Quy trình kiểm tra nhanh hơn, ít sự chênh lệch hơn, giao diện người dùng của báo cáo mới, quy trình kiểm tra mới và nhiều lợi ích khác.
- Chrome
Ngừng sử dụng và xoá bỏ trong Chrome 67
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 67 để giúp bạn lên kế hoạch. Trong phiên bản này, chúng tôi không dùng tính năng ghim khoá công khai nữa, xoá AppCache trên các ngữ cảnh không an toàn cũng như xoá nhiều tiền tố khác.
- Chrome
Di chuyển sang tập lệnh nền dựa trên sự kiện
Cách di chuyển tập lệnh nền có tính ổn định sang mô hình dựa trên sự kiện, không tồn tại cố định để cải thiện hiệu suất của Tiện ích của Chrome.
- Tiện ích của Chrome
Chạy JavaScript trong Bảng điều khiển
Tìm hiểu cách chạy JavaScript trong Console.
- Công cụ của Chrome cho nhà phát triển
Điểm mới trong Chrome 66
Chrome 66 giúp việc thao tác CSS trở nên dễ dàng hơn với Đối tượng mô hình được nhập bằng CSS mới, quyền truy cập vào bảng nhớ tạm hiện không đồng bộ, có ngữ cảnh kết xuất mới cho các phần tử canvas và cách tốt hơn để xử lý Âm thanh bằng JavaScript. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 66!
- Chrome
Đạt hiệu suất cao nhất
Hướng dẫn cách xây dựng Tiện ích hiệu suất cao của Chrome.
- Tiện ích của Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 67)
Tìm kiếm qua tiêu đề mạng, sao chép yêu cầu dưới dạng tìm nạp, kiểm tra trang bằng cách sử dụng các điều kiện máy tính, v.v.
- Chrome
Chỉnh sửa và lưu tệp trong không gian làm việc
Tìm hiểu cách lưu các thay đổi đã thực hiện trong Công cụ cho nhà phát triển vào tệp nguồn của bạn.
- Công cụ của Chrome cho nhà phát triển
Hiển thị trang web đến màn hình phụ đính kèm
Chrome 66 cho phép các trang web sử dụng màn hình phụ đính kèm thông qua API Bản trình bày và kiểm soát nội dung của màn hình thông qua API Trình nhận bản trình bày.
- Chrome
Ngừng sử dụng và xoá trong Chrome 66
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 66 để giúp bạn lên kế hoạch. Trong phiên bản này, chúng tôi đã cải tiến khả năng bảo mật của trình chạy dịch vụ, các thay đổi đối với giá trị vị trí CSS và nhiều nội dung khác.
- Chrome
Loại bỏ tiếng vọng gốc trên macOS
Sử dụng trình huỷ tiếng vọng gốc của macOS trong Chrome
- Chrome
Câu hỏi thường gặp về SmooshGate
SmooshGate có thể dạy chúng ta điều gì về việc phát triển tiêu chuẩn và Nền tảng web? Bài viết này cung cấp thông tin tổng quan.
- Chrome
Bảo vệ quyền riêng tư của người dùng
Nguyên tắc đảm bảo rằng Tiện ích của Chrome bảo vệ quyền riêng tư của người dùng.
- Tiện ích của Chrome
Bảo vệ quyền riêng tư của người dùng
Nguyên tắc đảm bảo rằng Tiện ích của Chrome bảo vệ quyền riêng tư của người dùng.
- Tiện ích của Chrome
Thiết kế giao diện người dùng
Giao diện người dùng và nguyên tắc thiết kế cho Tiện ích của Chrome.
- Tiện ích của Chrome
Di chuyển từ Workbox phiên bản 2 sang phiên bản 3
Hướng dẫn di chuyển từ Workbox v2 sang v3.
Luôn an toàn
Cách giữ an toàn cho Tiện ích của Chrome.
- Tiện ích của Chrome
Luôn an toàn
Cách giữ an toàn cho Tiện ích của Chrome.
- Tiện ích của Chrome
Điểm mới trong Chrome 65
Chrome 65 bổ sung tính năng hỗ trợ cho CSS Paint API mới, cho phép bạn tạo hình ảnh bằng cách lập trình. Bạn có thể sử dụng Server Timing API để cung cấp thông tin về thời gian hoạt động của máy chủ qua các tiêu đề HTTP và thuộc tính CSS display: Nam mới của chúng tôi có thể làm cho các hộp biến mất! Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 65!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 66)
Bỏ qua tập lệnh trong bảng điều khiển Mạng, tự động điều chỉnh mức thu phóng trong Chế độ thiết bị và nhiều tính năng khác.
- Chrome
Cập nhật Lighthouse 2.8
Các bài kiểm tra mới về hiệu suất và SEO, hiệu quả ở phần đầu tiên trong báo cáo, v.v.
- Chrome
Ngừng sử dụng và xoá trong Chrome 65
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 65 để giúp bạn lên kế hoạch. Trong phiên bản này, có một lời nhắc về các chứng chỉ Symantec, tính năng tải xuống nhiều nguồn gốc sẽ bị chặn và document.all hiện ở chế độ chỉ đọc.
- Chrome
Tan chảy/Bóng ma
Tác động của biện pháp giảm thiểu đối với nhà phát triển web và Chrome.
- Chrome
bản dựng hộp công việc
Một mô-đun có thể tạo trình chạy dịch vụ, chèn tệp kê khai bộ nhớ đệm trước vào mã hiện có hoặc tạo tệp kê khai bộ nhớ đệm trước.
Di chuyển từ sw-precache hoặc sw-toolbox
Hướng dẫn di chuyển từ sw-precache hoặc sw-toolbox sang Workbox.
Báo cáo trải nghiệm người dùng trên Chrome - Phương diện quốc gia mới
Thông báo về việc phát hành phương diện quốc gia mới trong Báo cáo trải nghiệm người dùng trên Chrome.
- Chrome
Điểm mới trong Chrome 64
Chrome 64 bổ sung tính năng hỗ trợ ResizeObservers. Tính năng này sẽ thông báo cho bạn khi hình chữ nhật nội dung của một phần tử thay đổi kích thước. Giờ đây, các mô-đun có thể truy cập vào máy chủ siêu dữ liệu cụ thể bằng import.metadata. Trình chặn cửa sổ bật lên ngày càng hoạt động mạnh mẽ và còn nhiều lợi ích khác. Hãy cùng tìm hiểu kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 64!
- Chrome
API CSS Paint
CSS Paint API của Houdini cho phép bạn vẽ các hình ảnh CSS theo cách có lập trình.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 65)
Cơ chế ghi đè cục bộ, công cụ hỗ trợ tiếp cận, quy trình kiểm tra hiệu suất, SEO, v.v.
- Chrome
Chrome không có giao diện người dùng: câu trả lời cho các trang web JavaScript hiển thị phía máy chủ
Chrome không có giao diện người dùng là một giải pháp tiện dụng giúp chuyển các trang web JavaScript động thành các trang HTML tĩnh.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 64)
Giám sát hiệu suất, Thanh bên trên Bảng điều khiển và Nhóm trên Bảng điều khiển.
- Chrome
Tắt tính năng khử tiếng ồn phần cứng
Thử nghiệm tắt tính năng khử tiếng ồn phần cứng trong Chrome 64.
- Chrome
Thông tin cập nhật về quảng cáo phù hợp hơn
Thông tin cập nhật về quảng cáo phù hợp hơn.
- Chrome
hộp công việc-webpack-plugin
Tạo trình chạy dịch vụ hoặc chèn tệp kê khai lưu trong bộ nhớ đệm bằng công cụ tạo gói web.
Ngừng sử dụng và xoá bỏ trong Chrome 64
Dưới đây là thông tin tổng hợp về việc ngừng sử dụng và xoá bỏ trong Chrome 64 để giúp bạn lên kế hoạch. Trong phiên bản này, các thay đổi về API hiệu suất, xoá bỏ hỗ trợ cho nhiều gốc bóng đổ và xoá API WebKit.
- Chrome
Cài đặt tiện ích trên Linux
Cách đóng gói, lưu trữ và cập nhật tệp crx từ máy chủ cá nhân.
- Tiện ích của Chrome
Máy tự lưu trữ cho Linux
Cách đóng gói, lưu trữ và cập nhật tệp crx từ máy chủ cá nhân cho người dùng Linux.
- Tiện ích của Chrome
Chrome 64 sẽ ngừng sử dụng API chrome.loadTimes()
API chrome.loadTimes() không chuẩn sẽ không được dùng trong Chrome 64 nữa, khi các tính năng hữu ích của API này có các API tương đương dựa trên tiêu chuẩn.
- Chrome
Báo cáo trải nghiệm người dùng Chrome – mở rộng tới hơn 1 triệu nguồn gốc
Hôm nay, chúng tôi sẽ ra mắt Báo cáo trải nghiệm người dùng Chrome mới với phạm vi mở rộng về hơn 1 triệu nguồn gốc hàng đầu trên web.
- Chrome
Worklet âm thanh hiện có sẵn theo mặc định
Chrome 64 đi kèm với một tính năng mới được nhiều người mong đợi trong Web Audio API – Audio Worklet
- Chrome
Thông tin cập nhật về Lighthouse 2.6
Quy trình kiểm tra hiệu suất mới, cải tiến điểm số về khả năng hỗ trợ tiếp cận, báo cáo những điểm cải tiến về trải nghiệm người dùng và bản sửa lỗi.
- Chrome
Các bản cập nhật về nội dung nghe nhìn trong Chrome 63/64
Tính năng phát nội dung nghe nhìn có thể dự đoán, HDR trên Windows 10, phát lại ngoại tuyến với giấy phép ổn định và nhiều tính năng khác đang chờ bạn trong Chrome 64.
- Chrome
Device Memory API (API bộ nhớ của thiết bị)
API bộ nhớ của thiết bị cho phép nhà phát triển phân phát các tài nguyên khác nhau cho người dùng dựa trên khả năng bộ nhớ của thiết bị.
- Chrome
Điểm mới trong Chrome 63
Chrome 63 cho phép bạn nhập các mô-đun JavaScript một cách linh động. Câu hỏi phỏng vấn yêu thích của tôi trở thành một chiếc bánh với các trình lặp và trình tạo không đồng bộ. Và bạn có thể ghi đè hành vi cuộn bổ sung mặc định của trình duyệt bằng thuộc tính hành vi cuộn quá mức CSS.
- Chrome
hộp công việc-broadcast-update
Gửi thông báo đến các trang khi bộ nhớ đệm được cập nhật với phản hồi mới.
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 63)
Gỡ lỗi từ xa nhiều máy khách, thông báo đẩy bằng dữ liệu tuỳ chỉnh và Workspace 2.0.
- Chrome
định tuyến hộp công việc
Định tuyến các yêu cầu trong trình chạy dịch vụ của bạn đến các chiến lược lưu vào bộ nhớ đệm hoặc hàm gọi lại cụ thể.
workbox-cli
Tạo trình chạy dịch vụ, chèn tệp kê khai bộ nhớ đệm trước hoặc tạo bản sao cục bộ thư viện Hộp công việc từ dòng lệnh.
đóng hộp làm việc
Dễ dàng lưu trước một nhóm tệp vào bộ nhớ đệm và quản lý hiệu quả nội dung cập nhật của các tệp.
chiến lược hộp công việc
Một tập hợp các chiến lược lưu vào bộ nhớ đệm trong thời gian chạy sẽ xử lý phản hồi một yêu cầu, thường được dùng với "định tuyến hộp công việc".
hộp làm việc sw
Cung cấp cách tải thời gian chạy Workbox mà không cần bước xây dựng.
phản hồi-có thể lưu vào bộ nhớ đệm
Hạn chế những yêu cầu được lưu vào bộ nhớ đệm dựa trên tiêu đề hoặc mã trạng thái của phản hồi.
hết hạn hộp làm việc
Xoá các yêu cầu đã lưu vào bộ nhớ đệm dựa trên số lượng mục trong bộ nhớ đệm hoặc thời gian tồn tại của yêu cầu đã lưu vào bộ nhớ đệm.
Workbox, Google Analytics
Hỗ trợ phát lại các lượt tương tác Google Analytics ngoại tuyến.
lõi-box-core
Thay đổi cấp độ nhật ký và đổi tên bộ nhớ đệm. Chứa mã dùng chung mà tất cả các thư viện Workbox sử dụng.
đồng bộ hoá nền hộp công việc
Sử dụng tính năng đồng bộ hoá trong nền để đưa ra yêu cầu mạng một cách đáng tin cậy ngay cả khi người dùng không có kết nối mạng.
yêu cầu phạm vi hộp công việc
Mô-đun này hỗ trợ phản hồi yêu cầu "Range:" bằng cách sử dụng một phần dữ liệu đã lưu vào bộ nhớ đệm trước đây.
Kiểm soát thao tác cuộn – tuỳ chỉnh các hiệu ứng kéo để làm mới và mục bổ sung
Giới thiệu về thuộc tính hành vi cuộn quá mức của CSS.
- Chrome
Đang xoá ::shadow và /deep/ trong Chrome 63
Không còn phải dùng bộ chọn CSS chèn bóng.
- Chrome
Vượt quá hạn mức lưu vào bộ nhớ đệm
Có một số cách để xử lý QuotaExceptionsedError.
- Chrome
Ngừng sử dụng và xoá trong Chrome 63
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 63 để giúp bạn lên kế hoạch. Trong phiên bản này, hành vi mới trên thuộc tính giao diện, xoá hàm webkit và thay đổi đối với RTCRtcpMuxPolicy.
- Chrome
Nội dung cập nhật về Lighthouse 2.5
Năm lần kiểm tra mới, mô-đun nút độc lập của chrome-launcher và hướng dẫn điều tiết mới.
- Chrome
Tính năng mới trong Chrome 62
Chrome 62 cải thiện API thông tin mạng bằng các chỉ báo chất lượng mạng, tính năng hỗ trợ Phông chữ biến OpenType đã được triển khai, đồng thời bạn hiện có thể thu thập và xử lý luồng nội dung đa phương tiện từ HTMLMediaElements bằng Media Capture từ API phần tử DOM.
- Chrome
Tạo ảnh động cho hiệu ứng làm mờ
Cần một vài thủ thuật để tạo hiệu ứng làm mờ hiệu quả.
- Chrome
Những thay đổi đối với WebVR trong Chrome 62
Tìm hiểu về những thay đổi sắp tới trong API WebVR.
- Chrome
Tìm nạp có thể hủy
Huỷ bỏ các lần tìm nạp bằng cách sử dụng một tệp web gốc mới – Trình kiểm soát huỷ.
- Chrome
Một sự kiện cho CSS position:sticky
Sử dụng vị trí – cố định và IntersectionObserver cùng nhau để xác định thời điểm các phần tử trở nên cố định. Áp dụng hiệu ứng cuộn mà không cần sự kiện cuộn!
Cảm biến cho web
Cảm biến được dùng trong nhiều ứng dụng để hỗ trợ các tính năng nâng cao như trò chơi có tính đến hướng hoặc gia tốc của thiết bị mà chúng chạy trên đó. API cảm biến chung cung cấp một giao diện chung để truy cập vào dữ liệu cảm biến như vậy trên web.
Ngừng sử dụng và xoá trong Chrome 62
Dưới đây là danh sách việc ngừng sử dụng và xoá bỏ trong Chrome 62 để giúp bạn lên kế hoạch. Trong phiên bản này, chúng tôi có các điểm cải tiến về tính bảo mật, việc ngừng sử dụng webkit hơn nữa và nhiều tính năng khác.
- Chrome
Chính sách tự động phát trong Chrome
Tìm hiểu các phương pháp hay nhất để mang lại trải nghiệm tốt cho người dùng cùng với chính sách tự động phát mới trong Chrome.
- Chrome
Khám phá bộ nhớ đệm cho thao tác tiến/lùi của Chrome
bfcache tạo bộ nhớ đệm cho phép điều hướng tức thì đến các trang đã truy cập trước đó.
- Chrome
Hình trong hình (PiP)
Hãy cùng thảo luận về một API Web cho phép các trang web tạo cửa sổ video nổi trên màn hình máy tính.
- Chrome
Bản cập nhật về nội dung nghe nhìn trong Chrome 62
Phát lại ngoại tuyến với giấy phép lâu dài và Widevine L1 trên Android, tối ưu hoá bản nhạc video, toàn màn hình video tự động khi xoay thiết bị, phạm vi có thể tìm kiếm có thể tuỳ chỉnh khi phát trực tiếp MS trực tiếp, FLAC ở định dạng MP4 với MSE!
- Chrome
Điểm mới trong Chrome 61
Chrome 61 hiện hỗ trợ nguyên gốc các mô-đun JavaScript, thống nhất cách viết JavaScript theo mô-đun. Giờ đây, bạn có thể sử dụng dấu chấm điều hướng để kích hoạt hộp thoại chia sẻ gốc trên Android. Và API WebUSB đã ra mắt, cho phép các ứng dụng web truy cập vào thiết bị USB mà người dùng cho phép. Và còn nhiều tính năng khác.
- Chrome
Giới thiệu về VisualViewport
API khung nhìn trực quan cung cấp cho bạn thông tin chi tiết về cách người dùng thu phóng và cuộn xung quanh trang của bạn.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 62)
Các toán tử cấp cao nhất đang chờ trong Console, quy trình làm việc mới dành cho ảnh chụp màn hình, làm nổi bật Lưới CSS và nhiều tính năng khác.
- Chrome
Ngừng sử dụng và xoá trong Chrome 61
Dưới đây là danh sách việc ngừng sử dụng và xoá bỏ trong Chrome 61 để giúp bạn lên kế hoạch. Trong phiên bản này, chúng tôi có các điểm cải tiến về tính bảo mật, việc ngừng sử dụng webkit hơn nữa và nhiều tính năng khác.
- Chrome
Ước tính dung lượng lưu trữ còn trống
navgator.storage.estimated() cung cấp cho bạn thông tin chi tiết về các hạn chế đối với bộ nhớ của ứng dụng web.
- Chrome
Thông tin cập nhật về âm thanh/video trong Chrome 61
Tóm tắt các bản cập nhật âm thanh và video trong Chrome 61.
- Chrome
Bản cập nhật về nội dung nghe nhìn trong Chrome 61
Tối ưu hoá bản nhạc video nền và video tự động toàn màn hình khi xoay thiết bị!
- Chrome
Điểm mới trong Chrome 60
Với Chrome 60, giờ đây bạn có thể đo thời gian để hiển thị nội dung đầu tiên và đo thời gian để hiển thị nội dung đầu tiên bằng API Paint Timings. Bạn có thể kiểm soát cách phông chữ hiển thị bằng thuộc tính CSS hiển thị phông chữ. WebAssembly đã ra mắt và còn nhiều lợi ích khác!
- Chrome
Các tính năng biểu thức chính quy sắp ra mắt
Tổng quan về các tính năng mới thú vị sắp tới đối với biểu thức chính quy của JavaScript, bao gồm quy trình chụp ảnh có tên, cờ chấmAll, thoát thuộc tính Unicode và xác nhận phía sau.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 61)
Các tính năng mới và thay đổi sắp có trong Công cụ cho nhà phát triển trong Chrome 61.
- Chrome
Sự kiện nhập được căn chỉnh
Việc cung cấp trải nghiệm mượt mà cho người dùng là điều quan trọng đối với web. Trong một vài bản phát hành Chrome trước, chúng tôi đã giảm được độ trễ đầu vào trên các thiết bị này.
- Chrome
Blog về sự kiện phát trực tiếp "tăng cường" – Chia mã
Chúng tôi đã triển khai tính năng chia tách mã và phân đoạn dựa trên tuyến giống như WebPack.
- Chrome
DOMException - Yêu cầu play() bị gián đoạn
Điều gì đang thực sự xảy ra với "DOMException - Yêu cầu play() bị gián đoạn"?
- Chrome
Kiểm thử tự động bằng Chrome không có giao diện người dùng
Kiểm thử tự động bằng Chrome không có giao diện người dùng
- Chrome
Thông tin cập nhật mới nhất về API quản lý thông tin xác thực
Thông tin cập nhật mới nhất về API quản lý thông tin xác thực
- Chrome
Ngừng sử dụng và xoá trong Chrome 60
Dưới đây là danh sách việc ngừng sử dụng và xoá bỏ trong Chrome 60 để giúp bạn lên kế hoạch. Trong phiên bản này, chúng tôi có các điểm cải tiến về tính bảo mật, việc ngừng sử dụng webkit hơn nữa và nhiều tính năng khác.
- Chrome
Giới thiệu về API ngân sách
API Ngân sách cho phép nhà phát triển thực hiện các thao tác trong nền mà không cần thông báo cho người dùng, hỗ trợ các trường hợp sử dụng như thông báo đẩy ngầm.
- Chrome
Tính năng mới trong Chrome 59
Với Chrome 59, bạn có thể chạy Chrome trong một môi trường tự động mà không cần giao diện người dùng hoặc thiết bị ngoại vi; các thông báo trên macOS hiển thị trực tiếp bởi hệ thống thông báo gốc của macOS; giờ đây, bạn có thể chụp ảnh có độ phân giải đầy đủ bằng API chụp ảnh và còn nhiều hơn thế nữa!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 60)
Các tính năng mới và thay đổi sắp tới đối với Công cụ cho nhà phát triển trong Chrome 60.
- Chrome
Ngừng sử dụng và xoá bỏ trong Chrome 59
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 59 để giúp bạn lên kế hoạch.
- Chrome
Bắt đầu với Chrome không có giao diện người dùng
Bắt đầu sử dụng Chrome không có giao diện người dùng
- Chrome
Chuyển sang hệ thống thông báo gốc trên macOS
Kể từ Chrome 59, thông báo sẽ hiển thị gốc trên macOS.
- Chrome
Điểm mới trong Chrome 58
Với Chrome 58, Ứng dụng web tiến bộ trở nên sống động hơn với chế độ hiển thị: toàn màn hình. IndexedDB 2.0 hiện được hỗ trợ và các iFrames có hộp cát sẽ có thêm nhiều lựa chọn. Pete LePage có tất cả thông tin chi tiết và cách bạn có thể sử dụng các tính năng mới dành cho nhà phát triển trong Chrome 58.
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 59)
Các tính năng mới và thay đổi sắp tới đối với Công cụ cho nhà phát triển trong Chrome 59.
- Chrome
Chính sách của Chromium về hộp thoại JavaScript
Các hộp thoại JavaScript đồng bộ, phương thức ứng dụng thường (và rất tiếc) được sử dụng để gây hại cho người dùng. Do đó, nhóm Chromium khuyên bạn không nên sử dụng hộp thoại JavaScript.
- Chrome
CSS Deep-Dive – Ma trận3d() cho thanh cuộn tuỳ chỉnh hoàn hảo về khung hình
Ma trận biến đổi tuỳ chỉnh cho phép bạn tạo thanh cuộn tuỳ chỉnh hoàn hảo cho khung.
Xây dựng ảnh động mở rộng & thu gọn hiệu suất
Khi tạo hiệu ứng mở rộng và thu gọn, bạn có thể dùng tính năng biến đổi tỷ lệ để đảm bảo giao diện người dùng hoạt động hiệu quả.
- Chrome
Cập nhật nội dung nghe nhìn trong Chrome 58
Tuỳ chỉnh điều khiển nội dung nghe nhìn, tự động phát cho Ứng dụng web tiến bộ đã thêm vào màn hình chính, tạm dừng tự động phát video bị tắt tiếng khi không xuất hiện và truy vấn nội dung đa phương tiện gam màu!
- Chrome
Chúng tôi sẽ vượt qua các luồng (nội dung đa phương tiện), Ray
Hiện nay, khi sử dụng Tiện ích nguồn phương tiện (MSE) trong Chrome, bạn không thể chuyển đổi giữa các luồng đã mã hoá và xoá. Kể từ Chrome 58, tất cả những thay đổi này sẽ thay đổi.
- Chrome
Ngừng sử dụng và xoá bỏ trong Chrome 58
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 58 để giúp bạn lên kế hoạch.
- Chrome
Thông tin cập nhật về âm thanh/video trong Chrome 58
Tóm tắt các bản cập nhật âm thanh và video trong Chrome 58.
- Chrome
Thẻ nền trong Chrome 57
Thẻ nền trong Chrome 57
- Chrome
Tính năng mới trong Chrome 57
Với Chrome 57, giờ đây bạn có thể sử dụng chế độ hiển thị: lưới cho bố cục theo chế độ lưới, sử dụng API phiên phát nội dung đa phương tiện để tuỳ chỉnh màn hình khoá và thông báo với thông tin về nội dung nghe nhìn đang phát, v.v. Pete LePage có tất cả thông tin chi tiết và cách bạn có thể sử dụng các tính năng mới dành cho nhà phát triển trong Chrome 57!
- Chrome
Tính năng mới trong Công cụ cho nhà phát triển (Chrome 58)
Các tính năng mới và thay đổi sắp có trong Công cụ cho nhà phát triển trong Chrome 58.
- Chrome
Nội dung cập nhật về Lighthouse tháng 1 năm 2017
Có gì mới trong Lighthouse 1.5.
- Chrome
Tuỳ chỉnh thông báo về nội dung nghe nhìn và xử lý danh sách phát
Tuỳ chỉnh thông báo về nội dung nghe nhìn trên web và phản hồi các sự kiện liên quan đến nội dung nghe nhìn bằng API Media Session mới.
- Chrome
Tệp kê khai – Trình xử lý hành động
Tài liệu tham khảo về thuộc tính action_handlers của manifest.json.
Ngừng sử dụng và xoá API trong Chrome 57
Dưới đây là danh sách việc ngừng sử dụng và xoá bỏ trong Chrome 57 để giúp bạn lên kế hoạch.
- Chrome
Thay đổi về API yêu cầu thanh toán
Trong Chrome 56 và 57, có một vài thay đổi đối với API yêu cầu thanh toán sau các thay đổi về thông số kỹ thuật. Hãy tìm hiểu xem đó là gì và thực hiện thay đổi cho các phương pháp triển khai của riêng bạn.
- Chrome
Lưới CSS – Bố cục bảng đã hoạt động trở lại. Luôn hiện diện và cân bằng
Lưới CSS là một hệ thống bố cục mới dành cho web.
Tính năng mới trong Chrome 56
Với Chrome 56, các ứng dụng web giờ đây có thể giao tiếp với các thiết bị Bluetooth năng lượng thấp ở gần bằng API Web Bluetooth. Vị trí CSS: cố định; đã quay lại – giúp bạn dễ dàng tạo các phần tử cuộn bình thường cho đến khi cố định vào đầu khung nhìn. Và HTML5 theo mặc định được bật cho tất cả người dùng.
- Chrome
Thực hiện thao tác cuộn nhanh theo mặc định
Khả năng phản hồi của thao tác cuộn rất quan trọng đối với mức độ tương tác của người dùng với một trang web trên thiết bị di động, nhưng trình nghe sự kiện chạm thường gây ra các vấn đề nghiêm trọng về hiệu suất cuộn. Tìm hiểu cách chúng tôi giúp người dùng và nhà phát triển tăng tốc độ theo mặc định.
- Chrome
Tài liệu tham khảo về gỡ lỗi JavaScript
Khám phá quy trình gỡ lỗi mới trong tài liệu tham khảo toàn diện này về các tính năng gỡ lỗi của Công cụ của Chrome cho nhà phát triển.
- Công cụ của Chrome cho nhà phát triển
Xây dựng web tốt hơn bằng Lighthouse
Có gì mới trong Lighthouse. Thiết kế lại, quy trình kiểm tra theo phương pháp mới hay nhất và trình xem báo cáo trực tuyến.
- Chrome
Đổi kích thước thanh URL
Việc ẩn thanh URL không còn đổi kích thước các trang dành cho thiết bị di động nữa.
- Chrome
Công cụ của Chrome cho nhà phát triển: Tạo hồ sơ CPU JavaScript trong Chrome 58
Đã thay đổi hồ sơ CPU JavaScript của tính năng ghi trong Chrome 58.
- Chrome
Công cụ của Chrome cho nhà phát triển – Phân tích CPU JavaScript trong Chrome 58
"Record JavaScript CPU Profile" (Ghi lại cấu hình CPU JavaScript) đã được thay đổi trong Chrome 58.
- Chrome
Ngừng sử dụng và xoá API trong Chrome 56
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 56 để giúp bạn lên kế hoạch.
- Chrome
position:sticky đã quay trở lại trong Chrome
vị trí:cố định. Đã trở lại!
- Chrome
Chụp ảnh và kiểm soát chế độ cài đặt của máy ảnh
Chụp ảnh là một API để kiểm soát cài đặt máy ảnh và chụp ảnh.
- Chrome
Quảng cáo thị sai hiệu suất
Với một chút thao tác toán học, có thể có các hiệu ứng thị sai phù hợp với các kiến trúc trình duyệt!
- Chrome
Tính năng mới trong Chrome 55
Với Chrome 55, bạn có thể viết mã dựa trên lời hứa như thể mã đồng bộ, sử dụng tính năng không đồng bộ và chờ. PointerEvents cung cấp một cách xử lý thống nhất để xử lý tất cả sự kiện nhập. Bộ nhớ liên tục được nâng cấp sau bản dùng thử theo nguyên gốc.
- Chrome
Sẵn sàng cho Hội nghị Chrome Dev 2016
Hội nghị Nhà phát triển Chrome 2016 sẽ diễn ra vào thứ Năm, ngày 10 và ngày 11 tháng 11.
- Chrome
Tránh cảnh báo không an toàn trong Chrome
Chrome sẽ sớm đánh dấu các trang không an toàn có chứa trường nhập mật khẩu và thẻ tín dụng là Không an toàn trong thanh URL.
- Chrome
Thông báo của Công cụ cho nhà phát triển, tháng 10 năm 2016
Các tính năng mới của Play Console, thông tin cập nhật về lỗi bộ chọn ngữ cảnh và tác nhân người dùng mới của Trình duyệt UC.
- Chrome
Quản lý dấu gạch nối với CSS
Chrome 55 triển khai thuộc tính dấu gạch nối để kiểm soát thời điểm dấu gạch nối mềm xuất hiện và cách chúng hoạt động.
Ngừng sử dụng và xoá API trong Chrome 55
Dưới đây là thông tin tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome 56 để giúp bạn lên kế hoạch.
- Chrome
Tùy chọn thao tác chạm
Thao tác chạm cho phép nhà phát triển xác định cách người dùng có thể tương tác với một thành phần. Ngoài ra, Chrome hiện hỗ trợ rộng rãi các tuỳ chọn thao tác nhấn trong Chrome 55.
- Chrome
Ghi MediaStream từ canvas, phần tử video hoặc âm thanh
Phương thức captureStream() cho phép ghi MediaStream từ phần tử canvas, âm thanh hoặc video trên Android và máy tính.
- Chrome
Trỏ về phía trước
Sự kiện con trỏ hợp nhất mô hình nhập con trỏ cho trình duyệt, tập hợp các thao tác chạm, bút và chuột thành một nhóm sự kiện duy nhất.
- Chrome
Sau khi mở trình nghe sự kiện
addEventListener hiện đã hỗ trợ tuỳ chọn một lần, giúp bạn dễ dàng xác định các sự kiện tự dọn dẹp sau khi thực hiện.
- Chrome
auxclick sắp có trên Chrome 55
Sự kiện phụ trợ mới sẽ được kích hoạt cho các lượt nhấp vào nút chuột phụ.
- Chrome
Tính năng mới trong Chrome 54
Với Chrome 54, giờ đây bạn có thể tạo thẻ HTML tuỳ chỉnh của riêng mình và tạo các thành phần web có thể sử dụng lại với Custom Elements v1; việc gửi tin nhắn giữa các cửa sổ hoặc thẻ đang mở trên cùng một nguồn gốc với BroadcastChannel API trở nên dễ dàng hơn; trải nghiệm đa phương tiện được cải thiện trên Android và hiện được cung cấp dưới dạng bản dùng thử theo nguyên gốc.
- Chrome
Thông tin cập nhật về Developers.google.com/web
Kiến thức cơ bản về web mới - điều hướng tốt hơn, nội dung mới và nhiều hơn nữa!
- Chrome
Giới thiệu về Lighthouse
Tìm hiểu cách thiết lập Lighthouse để kiểm tra ứng dụng web.
Tạo lại điểm ảnh cho các lớp tổng hợp khi thay đổi tỷ lệ
sẽ thay đổi – biến đổi tức là hãy tạo ảnh động nhanh chóng
- Chrome
Trình chạy dịch vụ trên nhiều nguồn gốc – Thử nghiệm với tìm nạp nước ngoài
Các dịch vụ của bên thứ ba có thể bắt đầu triển khai trình xử lý yêu cầu mạng của riêng họ.
- Chrome
CacheQueryOptions đã được đưa vào Chrome 54
Tập hợp đầy đủ CacheQueryOptions được hỗ trợ, giúp bạn dễ dàng tìm thấy các phản hồi đã lưu vào bộ nhớ đệm mà bạn đang tìm kiếm.
- Chrome
Thông báo của Công cụ cho nhà phát triển, tháng 9 năm 2016 – Bản tin tóm tắt về Perf
Các điểm cải tiến về công cụ Perf trong Công cụ cho nhà phát triển trong một số bản phát hành Chrome gần đây nhất.
- Chrome
Tùy chọn của PushSubscription
Giờ đây, bạn có thể sử dụng các lựa chọn dùng khi đăng ký dịch vụ đẩy cho một người dùng.
- Chrome
API BroadcastChannel – Một bus thông báo cho web
API BroadcastChannel có thể được sử dụng cho pub/sub đơn giản giữa các cửa sổ, thẻ, iframe hoặc worker.
- Chrome
Can thiệp vào document.write()
Chrome đang chặn một số tập lệnh được thêm bằng document.write()
- Chrome
Web Animations API đạt mốc quan trọng trên nhiều trình duyệt
Firefox 48 tham gia cùng Chrome trong việc triển khai triển khai gốc của Web Animations API.
- Chrome
Ngừng sử dụng và xoá API trong Chrome 53
Dưới đây là danh sách ngừng sử dụng và xoá bỏ trong Chrome để giúp bạn lên kế hoạch.
- Chrome
Thông báo của Công cụ cho nhà phát triển, tháng 8 năm 2016
Những gì đã xảy ra với bảng Tài nguyên, tính năng mới và hoạt động của cộng đồng.
- Chrome
Tự động phát ở chế độ tắt tiếng trên thiết bị di động - Bạn đã có thể ngừng sử dụng ảnh in trên vải canvas và ảnh GIF động!
Tính năng tự động phát ở chế độ tắt tiếng cho video được hỗ trợ trên Android 53. Trước đây, một phần tử video yêu cầu cử chỉ của người dùng để bắt đầu phát.
- Chrome
Chiến thắng khả năng tương tác đẩy của web
Tính năng đẩy web đã có một số điểm cập nhật trong các phiên bản Chrome gần đây. GCM hiện đã hỗ trợ giao thức đẩy web và nếu sử dụng VAPID, bạn sẽ không cần phải đăng ký Dự án dành cho nhà phát triển của Google và sẽ được cấp một điểm cuối FCM.
- Chrome
Gỡ lỗi ứng dụng web tiến bộ
Sử dụng bảng điều khiển Application (Ứng dụng) để kiểm tra, sửa đổi và gỡ lỗi tệp kê khai của ứng dụng web, trình chạy dịch vụ và bộ nhớ đệm của trình chạy dịch vụ.
- Công cụ của Chrome cho nhà phát triển
Dễ dàng sử dụng Google Analytics ngoại tuyến
Thư viện sw-offline-google-analytics cung cấp mọi thứ bạn cần.
- Chrome
Sự phức tạp của thanh cuộn vô hạn
Trình cuộn vô hạn là một mẫu giao diện người dùng phổ biến. Ở đây, chúng ta sẽ khám phá cách triển khai mẫu này theo cách thận trọng về bộ nhớ, có hiệu suất ở tốc độ 60 khung hình/giây.
- Chrome
Tạm biệt phiên ngắn – Đề xuất sử dụng trình chạy dịch vụ để cải thiện việc quản lý cookie trên web
Giới thiệu bằng chứng về thiết kế khái niệm để duy trì phiên bằng cách sử dụng Service Worker.
- Chrome
Lưu các URL của trình chạy dịch vụ vào bộ nhớ đệm, PlaybackRate và Blob cho âm thanh và video trên Chrome dành cho Android
Từ phiên bản 52, Chrome dành cho Android sử dụng cùng ngăn xếp phương tiện như Chrome dành cho máy tính, thay vì dựa vào hoạt động triển khai nền tảng cơ bản. Điều này cho phép lưu nội dung nghe nhìn của trình chạy dịch vụ vào bộ nhớ đệm, tốc độ phát thay đổi, URL blob trên Android, truyền MediaStream giữa các API và gỡ lỗi trên nhiều nền tảng dễ dàng hơn.
- Chrome
ECDSA cho WebRTC – Bảo mật tốt hơn, quyền riêng tư tốt hơn và hiệu suất tốt hơn
Từ phiên bản 52, Chrome sử dụng ECDSA theo mặc định. Đây là một thuật toán an toàn và hiệu quả hơn nhiều để tạo khoá chứng chỉ WebRTC. Ngoài ra, RTCChứng chỉ hiện có thể được lưu trữ với IndexedDB.
- Chrome
Flexbox nhận hành vi mới cho các thành phần con có vị trí tuyệt đối
Flexbox nhận hành vi mới cho các thành phần con có vị trí tuyệt đối
- Chrome
Ngăn chặn CSS trong Chrome 52
Thuộc tính Vùng chứa CSS mới cho phép nhà phát triển giới hạn phạm vi về kiểu, bố cục và tác vụ vẽ của trình duyệt.
- Chrome
Ngừng sử dụng và xoá API trong Chrome 52
Bản tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome để giúp bạn lập kế hoạch.
- Chrome
Trình quan sát hiệu suất – Truy cập hiệu quả vào dữ liệu hiệu suất
Là một tính năng mới trong Chrome 52, giao diện Trình quan sát hiệu suất cung cấp quyền truy cập hiệu quả hơn dựa trên sự kiện vào dữ liệu tiến trình hiệu suất.
- Chrome
Thông báo của Công cụ cho nhà phát triển, tháng 9 năm 2016 – Công cụ cho nhà phát triển từ năm 2016 trở đi
Các chủ đề và xu hướng lớn cho Công cụ cho nhà phát triển trong năm 2016 trở đi.
- Chrome
Cải thiện hiệu suất cuộn bằng trình nghe sự kiện thụ động
Mới ra mắt trong Chrome 51, trình nghe sự kiện thụ động có thể giúp tăng hiệu suất cuộn.
- Chrome
Truyền trực tuyến theo cách của bạn đến câu trả lời tức thì
Bắt đầu xử lý phản hồi của trình chạy dịch vụ sớm nhất có thể, nhờ ReadableStreams.
- Chrome
Thông báo của Công cụ cho nhà phát triển – Tăng cường sức mạnh với trình đơn lệnh mới
Đọc về trình đơn lệnh mới của Công cụ cho nhà phát triển và hơn 60 thao tác cho phép thực hiện quy trình làm việc siêu nhanh.
- Chrome
Xoá API vị trí địa lý khỏi các nguồn gốc không an toàn trong Chrome 50
Kể từ phiên bản 50, Chrome không còn hỗ trợ API vị trí địa lý HTML5 qua các kết nối không an toàn.
- Chrome
Ngừng sử dụng và xoá API trong Chrome 51
Bản tóm tắt về việc ngừng sử dụng và xoá bỏ trong Chrome để giúp bạn lập kế hoạch.
- Chrome
Có gì mới với KeyboardEvents? Chìa khoá và mã!
Hai thuộc tính mới giúp xử lý sự kiện bàn phím một cách nhất quán trên web.
- Chrome
Đơn giản hoá quy trình đăng nhập bằng API quản lý thông tin xác thực
Để cung cấp trải nghiệm người dùng tinh vi, điều quan trọng là bạn phải giúp người dùng xác thực bản thân họ với trang web của bạn. Tuy nhiên, việc tạo, ghi nhớ và nhập mật khẩu thường rườm rà đối với người dùng cuối, đặc biệt là trên thiết bị di động
- Chrome
Thời gian thử nghiệm – Liên kết cuộn
Tính năng neo cuộn sẽ ngăn trang web di chuyển sau khi bạn bắt đầu đọc nội dung.
- Chrome
Truy cập thiết bị USB trên web
WebUSB API giúp USB an toàn và dễ sử dụng hơn bằng cách đưa USB lên Web.
Tổng quan
Bắt đầu sử dụng các công cụ dành cho nhà phát triển web tích hợp sẵn của Google Chrome.
- Công cụ của Chrome cho nhà phát triển
Tài liệu tham khảo API bảng điều khiển
Sử dụng Console API để viết thông báo vào Console.
- Công cụ của Chrome cho nhà phát triển
Chế độ thiết bị mới hướng đến thiết bị di động đầu tiên
Tìm hiểu mọi thông tin về Chế độ thiết bị mới, được làm mới của Công cụ của Chrome cho nhà phát triển được ra mắt trong Chrome 49.
- Chrome
Tạo thiết bị IoT hỗ trợ web nhờ Intel Edison
Ngày nay, Internet của vạn vật thực sự đã đến với nhu cầu của mọi người, nhưng nếu bạn có thể tạo ra một thiết bị IoT mà bạn đã truy cập từ trình duyệt web thì sao? Trong bài viết này, chúng tôi xem xét cách bạn có thể thực hiện chính xác điều đó bằng Web trong cuộc sống, Bluetooth trên web cũng như Node.js chạy trên bảng đột phá Intel® Edison Arduino.
- Chrome
Ngừng sử dụng và xoá API trong Chrome 50
Thông tin tóm tắt về việc ngừng sử dụng và xoá API trong Chrome để giúp bạn lên kế hoạch.
- Chrome
Đã thêm tính năng xác thực DOMTokenList trong Chrome 50
Bạn có thể kiểm tra khả năng hỗ trợ cho nhiều tính năng ngay trong mã và có trong Chrome 50.
- Chrome
Chrome 50 sắp có các thay đổi về hướng thiết bị
DeviceOrientationEvent sử dụng độ tương đối và có một DeviceOrientationAbsoluteEvent mới.
- Chrome
Media Source API – Tự động đảm bảo phát liền mạch các phân đoạn nội dung đa phương tiện theo thứ tự nối thêm
Media Source API cho phép JavaScript xây dựng các luồng phương tiện để phát lại. Từ Chrome 50, bạn có thể sử dụng chế độ trình tự SourceBuffer để đảm bảo các phân đoạn phương tiện được tự động chuyển vị trí trong dòng thời gian theo thứ tự chúng được thêm vào, mà không có khoảng trống giữa chúng.
- Chrome
Loại bỏ cơn đau đầu khỏi tính năng quản lý tập trung
Tính năng "điểm bắt đầu điều hướng lấy tiêu điểm tuần tự" xác định nơi chúng ta bắt đầu tìm kiếm các phần tử có thể đặt tiêu điểm để điều hướng tiêu điểm tuần tự ([Tab] hoặc [Shift-Tab]) khi không có khu vực được đặt tiêu điểm. Công cụ này đặc biệt hữu ích đối với các tính năng hỗ trợ tiếp cận như bỏ qua đường liên kết và quản lý tiêu điểm trong tài liệu.
- Chrome
Các phương thức formData để kiểm tra và sửa đổi
Trong Chrome 50, giờ đây bạn có thể tương tác với các thực thể formData trước khi gửi chúng trong hành trình của chúng.
- Chrome
Chrome hỗ trợ createImageBitmap() trong Chrome 50
Hỗ trợ giải mã hình ảnh trong trình thực thi sẽ được chuyển đến Chrome 50.
- Chrome
Cải tiến tính năng Ảnh động trên web trong Chrome 50
Tuân thủ các thông số kỹ thuật tốt hơn và các tính năng mới sắp có trong Chrome 50.
- Chrome
Đã thêm tính năng hỗ trợ Canvas toBlob() trong Chrome 50
Hỗ trợ canvas.toBlob được thiết lập để đưa vào Chrome 50.
- Chrome
Cải tiến về thông báo trên web trong Chrome 50 – Biểu tượng, Sự kiện đóng, Thông báo lại tuỳ chọn và Dấu thời gian
Có nhiều tính năng mới tuyệt vời trong Chrome 50 dành cho Thông báo. Sau đây là danh sách tóm tắt các tính năng.
- Chrome
Mã hoá tải trọng dữ liệu đẩy web
Web Push hiện hỗ trợ các tải trọng! Tìm hiểu cách tận dụng tính năng mới mạnh mẽ này.
- Chrome
Ưu tiên tài nguyên của bạn bằng đường liên kết rel=#39;preorder'
Chrome 50 thêm tính năng hỗ trợ cho rel=vi#39;Tải trước' và ngừng sử dụng rel=vi#39;subresource'.
- Chrome
HTMLMediaElement.play() trả về lời hứa hẹn
Tạm biệt sự không chắc chắn trong việc phát lại tự động! play() hiện trả về một Lời hứa hẹn.
- Chrome
Hỗ trợ gỡ lỗi từ xa một cách hiệu quả, nhảy múa sôi động trong lớp và chương trình biểu diễn đêm muộn?
Tìm hiểu mọi thông tin về giao diện người dùng “Kiểm tra thiết bị” được cải tiến, chuyển đổi các lớp dễ dàng trong bảng điều khiển kiểu hiện đã được cố định và xem bản thí điểm của Công cụ cho nhà phát triển vào đêm nay.
- Chrome
Xem các biến trong Nguồn
Công cụ của Chrome cho nhà phát triển cho phép bạn dễ dàng xem nhiều biến trong toàn bộ ứng dụng của mình.
- Công cụ của Chrome cho nhà phát triển
Công cụ cho nhà phát triển trở nên tối, chỉnh sửa @keyframe và tự động hoàn thành thông minh hơn
Tìm hiểu cách Công cụ cho nhà phát triển giúp bạn nhập ít hơn bằng tính năng tự động hoàn thành Console thông minh hơn, cách chỉnh sửa quy tắc @keyframe ngay trong ngăn Kiểu, cách tận hưởng các Biến tùy chỉnh CSS và cách tham gia nhóm tối.
- Chrome
Các bản cập nhật cho âm thanh trên web trong Chrome 49
Tóm tắt một số phiên bản mới nhất của API Web âm thanh trong Chrome.
- Chrome
Cuộn mượt mà trong Chrome 49
Bạn chán phải cuộn liên tục? Tuyệt vời, vì Chrome 49 sắp ra mắt với tính năng cuộn mượt mà mới ngay khi mở đầu!
- Chrome
Giới thiệu proxy ES2015
Các proxy ES2015 (trong Chrome 49 trở lên) cung cấp cho JavaScript một API can thiệp, cho phép chúng tôi chặn hoặc chặn tất cả thao tác trên đối tượng mục tiêu và sửa đổi cách mục tiêu này hoạt động.
- Chrome
Biến CSS - Tại sao bạn nên quan tâm?
Các biến CSS (chính xác hơn là thuộc tính tuỳ chỉnh CSS) sẽ xuất hiện trong Chrome 49. Chúng có thể giúp giảm tình trạng lặp lại trong CSS và cũng giúp mang lại các hiệu ứng mạnh mẽ khi bắt đầu chạy như chuyển đổi giao diện và có khả năng mở rộng/phân phối các tính năng CSS trong tương lai.
Kiểm soát hiệu suất phông chữ bằng chế độ hiển thị phông chữ
Trình mô tả hiển thị phông chữ mới cho @font-face cho phép nhà phát triển quyết định cách phông chữ trên web của họ sẽ hiển thị (hoặc dự phòng), tuỳ thuộc vào thời gian tải.
- Chrome
Ghi âm và quay video bằng MediaRecorder
API MediaRecorder cho phép bạn ghi âm và video từ ứng dụng web. API này hiện có trong Firefox và trong Chrome dành cho Android và máy tính để bàn.
- Chrome
VP9 hiện đã có trong WebRTC
Từ Chrome 48 trên máy tính để bàn và Android, VP9 sẽ là một bộ mã hoá và giải mã video tuỳ chọn cho các cuộc gọi video bằng WebRTC.
- Chrome
Thao tác với thông báo trong Chrome 48
Người dùng có thể tương tác với trang web của bạn mà không cần mở trang bằng cách sử dụng các nút Hành động thông báo
- Chrome
Dấu thời gian có độ phân giải cao cho sự kiện
Xác định thời điểm xảy ra sự kiện với độ chính xác đến từng giây nhờ DOMHighResTimeStamp.
- Chrome
Thao tác với URL dễ dàng bằng URLSearchParams
Truy cập và thao tác đơn giản TURLSearchParams đối với chuỗi truy vấn của URL
- Chrome
Google Cast dành cho Chrome trên Android
Chrome trên Android hiện cho phép trang web dành cho thiết bị di động trình bày tới thiết bị Google Cast bằng cách sử dụng API Trình bày và SDK web truyền.
- Chrome
Bắt đầu với ứng dụng web tiến bộ
Tìm hiểu cách bắt đầu xây dựng ứng dụng web tiến bộ
- Chrome
Ra mắt bảng điều khiển bảo mật trong Công cụ của Chrome cho nhà phát triển
Tìm hiểu tất cả về Bảng điều khiển bảo mật mới trong Công cụ của Chrome cho nhà phát triển.
- Chrome
Giới thiệu tính năng Đồng bộ hóa dưới nền
Đồng bộ hoá dưới nền là một API web mới cho phép bạn trì hoãn các hành động cho đến khi người dùng có kết nối ổn định. Điều này rất hữu ích trong việc đảm bảo rằng mọi nội dung người dùng muốn gửi đều thực sự được gửi.
- Chrome
Thông báo của Công cụ cho nhà phát triển (Phiên bản CDS): Một góc nhìn về tương lai và phân tích RAIL
Tìm hiểu cách Công cụ cho nhà phát triển sử dụng thiết bị di động trước tiên với Chế độ thiết bị mới, hợp lý, luôn hoạt động. Sử dụng các nút màu để nhanh chóng thêm màu vào bộ chọn và tìm hiểu nội dung nào sẽ sớm xuất hiện trên Công cụ cho nhà phát triển.
- Chrome
Tải ứng dụng web tức thì với cấu trúc shell ứng dụng
Kiến trúc giao diện ứng dụng là một phương pháp xây dựng các ứng dụng web tiến bộ ngày nay, tận dụng được nhiều công nghệ.
- Chrome
Thông báo của Công cụ cho nhà phát triển – Chỉnh sửa phần tử một cách hiệu quả, gỡ lỗi cho trình chạy dịch vụ và các sắc độ thiết kế của Material Design
Sử dụng trình đơn theo bối cảnh mới của bảng điều khiển DOM để chỉnh sửa các nút một cách hiệu quả. Trình chạy dịch vụ gỡ lỗi trực tiếp thông qua bảng điều khiển Resource (Tài nguyên). Chọn từ tất cả các sắc độ của Material Design trong công cụ chọn màu. Thư viện Blackbox JS dễ dàng hơn.
- Chrome
Tài nguyên ảnh động trên web
Tài nguyên và nhiều nội dung khác cho Web Animations API
Quản lý việc kích hoạt tính năng chạm để tìm kiếm
Tìm hiểu thời điểm và cách thức kích hoạt tính năng Chạm để tìm kiếm
- Chrome
Thông báo yêu cầu tương tác – Trải nghiệm người dùng thông báo mượt mà hơn trên máy tính để bàn
Thông báo trên màn hình sẽ tự động bị loại bỏ sau một khoảng thời gian ngắn.
- Chrome
Khả năng của thiết bị đầu vào
Một phương thức đơn giản hơn để hợp lý hoá logic cảm ứng và chuột của bạn khi không có PointerEvents
- Chrome
Thông báo của Công cụ cho nhà phát triển – Sắp xếp lại thẻ, Console trên 2 và Trình xử lý sự kiện khung
Hãy sắp xếp lại các thẻ Công cụ cho nhà phát triển theo cách phù hợp nhất với bạn và xem chính xác vị trí mà các sự kiện khung được liên kết.
- Chrome
Chạy đoạn mã JavaScript
Đoạn mã là các tập lệnh nhỏ mà bạn có thể tạo và thực thi trong bảng điều khiển Nguồn của Công cụ của Chrome cho nhà phát triển. Bạn có thể truy cập và chạy quảng cáo đó từ bất kỳ trang nào. Khi bạn chạy một đoạn mã, đoạn mã đó sẽ thực thi từ ngữ cảnh của trang hiện đang mở.
- Công cụ của Chrome cho nhà phát triển
Chọn máy ảnh, micrô và loa từ ứng dụng web của bạn
Giao diện MediaDevice cho phép truy cập vào các thiết bị đầu vào và đầu ra hiện có cho trình duyệt, bao gồm máy ảnh, micrô và loa.
- Chrome
Tiện ích trình ghi nhật ký EME
Trình ghi nhật ký EME là một tiện ích của Chrome giúp ghi lại các sự kiện và lệnh gọi của Tiện ích phương tiện đã mã hoá (EME) đến Bảng điều khiển dành cho nhà phát triển.
- Chrome
Nội dung cập nhật đối với Service Worker Cache API
Chrome 46 mang đến các phương thức mới cho bộ nhớ đệm, cũng như Chrome 47 và có thể là 48. Điều này sẽ không bao giờ dừng lại.
- Chrome
API lịch sử – Khôi phục thao tác cuộn
Bản cập nhật cho API Lịch sử để ngăn chặn việc nhảy cuộn không đẹp.
- Chrome
Loại bỏ thẻ trong Chrome – Thử nghiệm tiết kiệm bộ nhớ
Giảm dung lượng bộ nhớ của Chrome là một trong những ưu tiên hàng đầu của nhóm trong năm nay.
- Chrome
Triển khai tính năng ghim khoá công khai bằng tính năng báo cáo HPKP
Chrome 46 đi kèm một tính năng gọi là báo cáo HPKP, có thể giúp bạn triển khai một dạng SSL nghiêm ngặt hơn cho trang web của mình.
- Chrome
Sử dụng tệp kê khai ứng dụng web để chỉ định màu giao diện trên toàn trang web
Đặt màu giao diện trong tệp kê khai và đặt màu này cho tất cả các trang trên trang web của bạn khi chạy từ màn hình chính.
- Chrome
Bộ lọc Bảng điều khiển mạng lớn hơn bộ lọc nâng cao và một số bộ lọc khác
Bạn có biết rằng bộ lọc trong bảng điều khiển Mạng có hỗ trợ một vài nhãn tìm kiếm tuỳ chỉnh tiện lợi không?
- Chrome
Thông báo của Công cụ cho nhà phát triển – Thông tin chi tiết tổng hợp về tiến trình, bảng màu và nhiều thông tin khác
Tìm hiểu xem tập lệnh nào của bên thứ ba gây ra sự cố về hiệu suất với Chi tiết tổng hợp trong Dòng thời gian, cách chọn màu nhất quán với bảng màu mới và nhiều vấn đề khác.
- Chrome
Thủ thuật bàn phím đơn giản có thể dùng trong Ngăn kiểu
Tìm hiểu cách điều hướng hiệu quả Ngăn kiểu nhờ một vài thủ thuật hữu ích khi dùng bàn phím.
- Chrome
Bản phát hành mới của Material Design Lite - 1.0.4
Material Design Lite đã phát hành một bản phát hành mới, trong đó có nhiều bản sửa lỗi và điểm cải tiến cho quy trình xây dựng.
- Chrome
Sử dụng hình ảnh áp phích trên nội dung trình bổ trợ
Giờ đây, Chrome có thể thêm hình ảnh áp phích tuỳ chỉnh vào các thành phần đối tượng để cải thiện hiệu suất tải cảm nhận của các trình bổ trợ, chẳng hạn như Flash.
- Chrome
Sử dụng requestIdleCallback
requestIdleCallback là API hiệu suất mới để lên lịch công việc khi trình duyệt ở trạng thái rảnh.
- Chrome
Chỉnh sửa HTML trong Bảng điều khiển
Bạn có thể nhận ra trình đơn ngữ cảnh của nút DOM từ bảng điều khiển phần tử. Trình đơn này cũng có trong bảng điều khiển.
- Chrome
Năm thủ thuật nên sử dụng trong Bảng điều khiển
Năm thủ thuật nên sử dụng trong Bảng điều khiển
- Chrome
Dễ dàng sao chép các nút DOM
Bạn có thể dễ dàng thay đổi DOM mà không cần phải chỉnh sửa HTML dưới dạng một chuỗi khổng lồ.
- Chrome
Ngôi nhà mới cho Công cụ cho nhà phát triển
Chúng tôi đã chuyển đến ngôi nhà mới nổi bật của mình tại developers.google.com/web/tools/chrome-devtools và có các hướng dẫn và mẹo mới tuyệt vời dành cho bạn.
- Chrome
Chỉnh sửa trực tiếp CSS trong nguồn
Bạn có biết rằng bạn có thể chỉnh sửa trực tiếp CSS trong Nguồn và cập nhật trang theo thời gian thực không?
- Chrome
Breadcrumb (tập hợp liên kết phân cấp) DOM được cải thiện
Bạn có biết Bảng điều khiển Phần tử có đường dẫn Breadcrumb không?
- Chrome
Thông báo của Công cụ cho nhà phát triển – Cuộn phim và một không gian mới để điều tiết
Khám phá chức năng dải phim mới và nhiều tính năng khác trong bản cập nhật đầu tiên này của Thông báo công cụ cho nhà phát triển.
- Chrome
Ngừng sử dụng MediaStream
API MediaStream thể hiện các luồng âm thanh hoặc video được đồng bộ hoá. Ngừng sử dụng MediaStream.Team, MediaStream.label và MediaStream.stop(). Thay vào đó, hãy sử dụng MediaStream.active, MediaStreamTrack.label và MediaStreamTrack.stop().
- Chrome
Thêm một thiết bị tuỳ chỉnh mới làm giá trị đặt trước
Bạn có thường xuyên mô phỏng các thiết bị theo một phương diện nhất định không? Trong Chế độ thiết bị cho nhà phát triển, bạn có thể thêm giá trị đặt trước mới cho thiết bị.
- Chrome
- Công cụ của Chrome cho nhà phát triển
Giao tiếp với thiết bị Bluetooth qua JavaScript
API Web Bluetooth cho phép các trang web giao tiếp với thiết bị Bluetooth.
Sử dụng rotationAngle và chạmRadius
Một số thay đổi nhỏ đã có trong Chrome 45, giúp nhà phát triển dễ dàng xây dựng ứng dụng dựa trên thao tác chạm tốt hơn.
- Chrome
Đo lường hiệu suất trong Service Worker
Nếu bạn không thể đo lường hiệu suất của yêu cầu trong một trình chạy dịch vụ, làm thế nào bạn có thể nói nó cải thiện hiệu suất? Giờ đây, bạn có thể trả lời câu hỏi đó bằng những thay đổi gần đây trong Chrome.
- Chrome
Thông báo về việc phát nội dung nghe nhìn cho Chrome trên Android
Khi âm thanh hoặc video đang phát trên trang web, một thông báo hiển thị tiêu đề trang và nút phát/tạm dừng sẽ được hiển thị trong khay thông báo và trên màn hình khoá. Thông báo có thể được dùng để tạm dừng/tiếp tục phát hoặc quay lại trang đang phát nội dung nghe nhìn.
- Chrome
Kiểm tra và kích hoạt các truy vấn phương tiện CSS
Chế độ thiết bị có tích hợp trình kiểm tra truy vấn nội dung nghe nhìn để giúp bạn thiết kế phản hồi dễ dàng hơn.
- Chrome
Lối tắt để chọn lần xuất hiện tiếp theo
Trong trình chỉnh sửa Bảng điều khiển nguồn, bạn có thể chọn lần xuất hiện tiếp theo bằng Cmd + D.
- Chrome
Đặt điểm ngắt dựa trên một điều kiện nhất định
Khi đặt điểm ngắt, bạn có thể đặt điểm ngắt đó có điều kiện dựa trên kết quả của biểu thức.
- Chrome
Chọn và thực thi một khối mã trong Bảng điều khiển nguồn
Sử dụng phím tắt Ctrl + Shift + E để chạy khối mã được đánh dấu trong Bảng điều khiển Nguồn.
- Chrome
Nhanh chóng chuyển qua các bảng điều khiển Công cụ cho nhà phát triển
Bạn có thể sử dụng Cmd+] (hoặc Cmd+[) để chuyển đổi giữa các bảng điều khiển trong Công cụ cho nhà phát triển.
- Chrome
In dấu vết ngăn xếp nhanh trên Console
Bạn có thể sử dụng console.trace() để ghi lại dấu vết ngăn xếp một cách nhanh chóng và dễ dàng nhằm hiểu rõ hơn về quy trình thực thi mã.
- Chrome
Ai sẽ thanh tra công cụ kiểm tra?
Bạn có biết rằng bạn có thể kiểm tra Công cụ cho nhà phát triển bằng Công cụ cho nhà phát triển không?
- Chrome
Kích hoạt lớp giả trên một phần tử
Bạn đã từng thử gỡ lỗi hiệu ứng di chuột của CSS nhưng không giữ được chuột trên phần tử này chưa? Dưới đây là cách thực hiện.
- Chrome
Tìm kiếm trên toàn dự án với phạm vi tệp không bắt buộc
Tìm hiểu các lệnh bí mật để tìm kiếm như một chuyên gia trong Công cụ cho nhà phát triển.
- Chrome
Nhóm màu mạng
Tìm hiểu về màu sắc phù hợp với loại tài nguyên để dễ dàng xác định tài nguyên.
- Chrome
Xem trước các giá trị JavaScript cùng dòng trong khi gỡ lỗi
Tìm hiểu cách xem trước giá trị của các biến JavaScript trong Công cụ cho nhà phát triển khi gỡ lỗi.
- Chrome
Chỉnh sửa/xem nhanh tài nguyên từ bảng điều khiển Phần tử
Chỉnh sửa/xem nhanh tài nguyên từ bảng điều khiển Phần tử
- Chrome
event_rules
Tài liệu tham khảo về thuộc tính event_rules của tệpManifest.json.
- Tiện ích của Chrome
event_rules
Tài liệu tham khảo về thuộc tính event_rules của tệpManifest.json.
- Tiện ích của Chrome
Tiện ích nguồn phương tiện cho âm thanh
Tiện ích nguồn nội dung nghe nhìn (MSE) cung cấp khả năng lưu vào bộ đệm và điều khiển phát mở rộng cho các phần tử âm thanh và video HTML5. Mặc dù ban đầu được phát triển để hỗ trợ tính năng Truyền phát thích ứng động qua trình phát video dựa trên HTTP (DASH), nhưng MSE có thể được dùng cho âm thanh; đặc biệt là để phát không gián đoạn.
- Chrome
- Tiện ích của Chrome
Thông báo cho bạn về các thay đổi đối với thông báo
2 API mới đã được thêm vào Chrome 44, giúp việc sử dụng Thông báo với tính năng đẩy dễ dàng hơn để làm việc và tuỳ chỉnh.
- Chrome
Chỉnh sửa nhanh thẻ phần tử
Bạn có thể nhấp đúp vào tên thẻ mở của một nút trong Bảng điều khiển phần tử để chỉnh sửa tên đó.
- Chrome
Nút DOM hiện được chọn
Tìm hiểu phím tắt nhanh trên bảng điều khiển để lấy nút DOM hiện được chọn.
- Chrome
Alt + Nhấp để mở rộng tất cả các nút con
Alt + Nhấp để mở rộng tất cả các nút con
- Công cụ của Chrome cho nhà phát triển
- Chrome
Yêu cầu mạng chưa hoàn tất
Bạn có thể sử dụng Bộ lọc mạng nâng cao đang chạy để xem các yêu cầu mạng chưa hoàn tất (ví dụ:các yêu cầu đang chạy).
- Chrome
Giám sát nhanh các sự kiện từ Bảng điều khiển
Bạn có thể ghi nhật ký tất cả sự kiện được gửi đến một đối tượng bằng cách sử dụng phương thức Command Line API MonitorEvents(đối tượng [, sự kiện]).
- Chrome
Nhấp lệnh để thêm nhiều con trỏ trong bảng điều khiển nguồn
Tìm hiểu cách chỉnh sửa nhiều con trỏ trong bảng điều khiển nguồn Công cụ cho nhà phát triển.
- Chrome
Một số cải tiến về giao diện người dùng và tính năng cho công cụ Công cụ chọn màu
Công cụ chọn màu trong Công cụ cho nhà phát triển sắp được nâng cấp. Hiện có trong Chrome Canary
- Chrome
Sử dụng bàn phím để di chuyển trong ngăn xếp lệnh gọi
Cách đặt điểm ngắt và di chuyển qua ngăn xếp lệnh gọi bằng phím tắt.
- Chrome
Sao chép hình ảnh dưới dạng URI dữ liệu
Nhấp chuột phải vào bản xem trước hình ảnh trong Bảng điều khiển tài nguyên để sao chép hình ảnh đó dưới dạng URI dữ liệu (được mã hoá cơ sở 64).
- Chrome
Hiển thị trong bảng điều khiển phần tử
Hiển thị các nút DOM trong bảng điều khiển phần tử từ bảng điều khiển.
- Chrome
Trình chỉnh sửa gia tốc
Chọn một thuộc tính CSS easing để xem trước cách hoạt động của thuộc tính này bằng ảnh động.
- Chrome
Xem bộ chọn phù hợp
Khi bạn xem một bộ chọn trong Ngăn kiểu, các phần của bộ chọn phân tách bằng dấu phẩy sẽ có màu khác nhau tuỳ thuộc vào việc chúng có khớp với nút DOM đã chọn hay không.
- Chrome
Tải và gỡ lỗi trình nghe sự kiện
Tải và gỡ lỗi trình nghe sự kiện trong Công cụ cho nhà phát triển bằng các lệnh trong bảng điều khiển này.
- Chrome
Tự động tạm dừng đối với mọi trường hợp ngoại lệ
Trong Công cụ cho nhà phát triển, bạn có thể tự động tạm dừng đối với bất kỳ trường hợp ngoại lệ nào (đặc biệt hữu ích đối với các trường hợp ngoại lệ chưa nắm bắt được).
- Chrome
- Công cụ của Chrome cho nhà phát triển
Thay đổi nhanh các giá trị CSS
Thay đổi nhanh giá trị CSS bằng bàn phím hoặc con lăn chuột
- Chrome
Tự động hoàn thành cho ký hiệu dấu ngoặc
Bạn có biết rằng bạn có thể tự động hoàn thành ký hiệu dấu ngoặc trong bảng điều khiển Nguồn không?
- Công cụ của Chrome cho nhà phát triển
- Chrome
Phát lại yêu cầu mạng trong cURL
Tìm hiểu cách gỡ lỗi cho một yêu cầu mạng từ dòng lệnh.
- Chrome
Xem và thay đổi điểm ngắt DOM của bạn
Cách xem và thay đổi các điểm ngắt DOM bằng ngăn Breakpoints (Điểm ngắt) trong Công cụ cho nhà phát triển.
- Chrome
Cuộn các phần tử vào khung nhìn
Nếu một phần tử bạn đang kiểm tra nằm ngoài khung nhìn, dưới đây là cách đưa phần tử đó vào khung nhìn.
- Chrome
Kích hoạt các lớp giả
Tìm hiểu cách kích hoạt các lớp giả như :active để gỡ lỗi CSS đúng cách.
- Chrome
Dải phim trong bảng điều khiển Mạng
Sử dụng bảng điều khiển mạng một cách trực quan và xem ảnh chụp màn hình được chụp trong khi tải trang
- Chrome
Tìm kiếm cây DOM bằng bộ chọn CSS
Khi duyệt xem DOM có bảng điều khiển Phần tử, hãy thử tìm các nút thông qua CMD/Ctrl+F bằng bộ chọn CSS của chúng.
- Chrome
Mở rộng thuộc tính viết tắt của CSS
Trong ngăn kiểu, bạn có thể mở rộng các thuộc tính viết tắt của CSS như flex hoặc khoảng đệm và xem toàn bộ các thuộc tính được xác định cho bạn.
- Chrome
Chuyển tiếp cổng
Tính năng chuyển tiếp cổng cho Công cụ cho nhà phát triển cho phép ngay cả URL của máy chủ cục bộ hoạt động trên thiết bị di động.
- Chrome
Nhận thông báo về lỗi JS trong khi bạn nhập
Nếu bạn gặp lỗi trong bảng điều khiển, hãy nhấp vào lỗi đó để hiển thị dòng trong Bảng điều khiển nguồn nơi chỉ báo lỗi bật lên.
- Chrome
Ghi lại dòng thời gian dễ dàng
Thử gỡ Công cụ cho nhà phát triển vào một cửa sổ riêng để nút ghi được đặt gần với phần của trang mà bạn cần thực hiện hành động
- Chrome
Chuyển đến số dòng tại một cột cụ thể
Tìm hiểu cách chuyển đến số dòng cụ thể trong bảng điều khiển Nguồn.
- Chrome
Tệp kê khai – Máy in USB
Tài liệu tham khảo về thuộc tính usb_ cần cho tệp manifest.json.
Video hiệu suất cao có giải mã phần cứng
Tính năng hỗ trợ video phần cứng giúp giải mã hiệu quả các trình bổ trợ cũng như video HTML5. Người dùng Flash nên chuyển từ Video kiểu cũ sang đối tượng StageVideo.
- Chrome
Dễ dàng chuyển sang trình nghe sự kiện
Tìm hiểu cách hiển thị định nghĩa hàm của một trình nghe sự kiện đã đăng ký trên bất kỳ nút nào.
- Chrome
Nhấn mạnh những tuyên bố chi tiết
Xem câu lệnh được thực thi chính xác với tính năng đánh dấu chi tiết.
- Chrome
Tải lại cứng
Khi Công cụ cho nhà phát triển đã mở, hãy nhấp và giữ nút tải lại để xem các tuỳ chọn khác.
- Chrome
Sửa đổi cục bộ
Việc sửa đổi cục bộ cho phép bạn xem những thay đổi nào đã được thực hiện (thông qua Công cụ cho nhà phát triển) đối với một số tệp nguồn nhất định.
- Chrome
Xoay vòng qua việc chỉnh sửa vị trí
Lịch sử vị trí con trỏ của bạn được giữ lại trong Bảng điều khiển nguồn, cho phép bạn di chuyển qua các vị trí chỉnh sửa trước đó bằng Alt+(lùi) hoặc Alt+(tiến)
- Chrome
Sao chép phản hồi của tài nguyên mạng vào bảng nhớ tạm
Ngoài việc sao chép tiêu đề yêu cầu/phản hồi của một tài nguyên mạng, bạn cũng có thể sao chép chính phản hồi đó.
- Chrome
Thực hiện việc chọn cột bằng cách kéo
Bạn có thể chọn cột trong trình chỉnh sửa Bảng điều khiển nguồn bằng cách giữ phím Alt trong khi kéo chuột.
- Chrome
Đoạn trích được xác định trước
Cách chạy các đoạn mã được xác định trước trên mọi trang web.
- Chrome
Chỉnh sửa nhanh thẻ phần tử
Bạn có thể nhấp đúp vào tên thẻ mở của một nút trong Bảng điều khiển phần tử để chỉnh sửa tên đó.
- Chrome
Sao chép hình ảnh dưới dạng URI dữ liệu
Nhấp chuột phải vào bản xem trước hình ảnh trong Bảng điều khiển tài nguyên để sao chép hình ảnh đó dưới dạng URI dữ liệu (được mã hoá cơ sở 64).
- Chrome
Hiển thị trong bảng điều khiển Phần tử
Hiển thị các nút DOM trong bảng điều khiển Phần tử trên Bảng điều khiển.
- Chrome
Xem bộ chọn phù hợp
Khi bạn xem một bộ chọn trong Ngăn kiểu, các phần của bộ chọn phân tách bằng dấu phẩy sẽ có màu khác nhau tuỳ thuộc vào việc chúng có khớp với nút DOM đã chọn hay không.
- Chrome
Giám sát nhanh các sự kiện từ Bảng điều khiển
Bạn có thể ghi nhật ký tất cả sự kiện được gửi đến một đối tượng bằng cách sử dụng phương thức Command Line API MonitorEvents(đối tượng [, sự kiện]).
- Chrome
Nhấp lệnh để thêm nhiều con trỏ trong bảng điều khiển nguồn
Tìm hiểu cách chỉnh sửa nhiều con trỏ trong bảng điều khiển nguồn Công cụ cho nhà phát triển.
- Chrome
Alt + Nhấp để mở rộng tất cả các nút con
Alt + Nhấp để mở rộng tất cả các nút con
- Chrome
- Công cụ của Chrome cho nhà phát triển
Chuyển đổi trạng thái đế Công cụ cho nhà phát triển bằng phím tắt
Sử dụng Cmd + Shift + D để chuyển đổi trạng thái đế Công cụ cho nhà phát triển giữa hai trạng thái được sử dụng gần đây nhất.
- Chrome
Chuyển đổi trạng thái đế Công cụ cho nhà phát triển bằng phím tắt
Sử dụng Cmd + Shift + D để chuyển đổi trạng thái đế Công cụ cho nhà phát triển giữa hai trạng thái được sử dụng gần đây nhất.
- Chrome
Yêu cầu mạng chưa hoàn tất
Bạn có thể sử dụng Bộ lọc mạng nâng cao đang chạy để xem các yêu cầu mạng chưa hoàn tất (ví dụ:các yêu cầu đang chạy).
- Chrome
Trình chỉnh sửa gia tốc
Chọn một thuộc tính CSS easing để xem trước cách hoạt động của thuộc tính này bằng ảnh động.
- Chrome
Tự động viết hoa cho thiết bị di động
Chúng tôi đang loại bỏ một phiền toái khác trong việc nhập văn bản của người dùng.
- Chrome
Cắt và sao chép lệnh
Hỗ trợ các lệnh cắt và sao chép cho phép bạn cắt và sao chép văn bản đã chọn theo cách lập trình vào bảng nhớ tạm của người dùng.
- Chrome
Gỡ lỗi từ xa trên thiết bị Android
Gỡ lỗi từ xa nội dung trực tiếp trên thiết bị Android từ máy tính chạy Windows, Mac hoặc Linux.
- Công cụ của Chrome cho nhà phát triển
Thuộc tính DOM hiện đã có trên chuỗi nguyên mẫu
Chrome sẽ trở nên phù hợp với thông số kỹ thuật. Hãy kiểm tra trang web của bạn nếu bạn sử dụng logic WebKit để truyền thuộc tính
- Chrome
Gỡ lỗi mã gốc thay vì triển khai bằng bản đồ nguồn
Giữ cho mã phía máy khách của bạn có thể đọc được và có thể gỡ lỗi ngay cả sau khi bạn đã kết hợp, giảm kích thước hoặc biên dịch mã.
- Công cụ của Chrome cho nhà phát triển
Gỡ lỗi từ xa WebView
Gỡ lỗi WebView trong ứng dụng Android gốc bằng Công cụ cho nhà phát triển Chrome.
- Công cụ của Chrome cho nhà phát triển
Xem tài nguyên trang
Sắp xếp tài nguyên theo khung, miền, loại hoặc tiêu chí khác.
- Công cụ của Chrome cho nhà phát triển
Mô phỏng và thử nghiệm các trình duyệt khác
Công việc của bạn không dừng lại ở việc đảm bảo trang web hoạt động tốt trên Chrome và Android. Mặc dù Chế độ thiết bị có thể mô phỏng một loạt thiết bị khác như iPhone, nhưng bạn nên tham khảo các giải pháp mô phỏng trên các trình duyệt khác.
- Công cụ của Chrome cho nhà phát triển
Tài liệu tham khảo API Tiện ích bảng điều khiển
Tài liệu tham khảo các hàm tiện lợi có trong Bảng điều khiển dành cho nhà phát triển của Chrome.
- Công cụ của Chrome cho nhà phát triển
API Quyền cho web
API Quyền là một nơi tập trung để kiểm tra trạng thái cấp quyền của API.
- Chrome
Các khái niệm được đơn giản hoá trong cách đặt tên ảnh động trên web
Để đáp ứng ý kiến phản hồi của nhà phát triển, chúng tôi sẽ đổi tên một số tính năng sắp ra mắt của Ảnh động trên web.
- Chrome
Ngôi nhà mới cho Công cụ cho nhà phát triển
Chúng tôi đã chuyển đến một ngôi nhà mới toanh tại developer.google.com/web có các hướng dẫn và mẹo mới tuyệt vời dành cho bạn.
- Chrome
Tiến trình của Công cụ cho nhà phát triển – Nay cung cấp thông tin đầy đủ về Công cụ cho nhà phát triển
Chúng tôi đã nâng cấp bảng điều khiển Dòng thời gian cho Công cụ của Chrome cho nhà phát triển để cung cấp cho nhà phát triển thêm thông tin chi tiết về hiệu suất của trang web trong thời gian chạy.
- Chrome
Thông báo đẩy trên web mở
Tính năng Nhắn tin đẩy và Thông báo sẽ ra mắt trong Chrome 42.
- Chrome
Quản lý bộ nhớ ngoại tuyến HTML5
Cách lưu trữ dữ liệu ở phía máy khách trong Ứng dụng Chrome để ứng dụng hoạt động khi không có mạng.
Tạo trang web ngữ nghĩa bằng Thành phần web và JSON-LD
Thêm mã đánh dấu schema.org vào các thành phần để các thành phần đó thân thiện với công cụ tìm kiếm.
- Chrome
Hội nghị Nhà phát triển Chrome 2014 – Hãy cùng xây dựng một số ứng dụng bằng Polymer
Xây dựng ứng dụng theo phong cách Polymer.
- Chrome
Khung nhìn ảo là gì?
Khung nhìn ảo tách bố cục và chế độ xem của khung nhìn.
- Chrome
Tạo giá trị riêng biệt với chuỗi mẫu ES6
Hằng số chuỗi mẫu có biểu thức được nhúng. Chúng tôi đã chờ đợi trò chơi này từ lâu rồi.
- Chrome
hình ảnh-hiển thị:tạo pixel
Điểm ảnh quốc gia. Hiện đã có trong Chrome 41
- Chrome
Duy trì trạng thái trong quá trình đột biến DOM bằng moveBefore()
Di chuyển các nút xung quanh DOM mà không làm mất trạng thái quan trọng
- Chrome
Mô-đun được chia sẻ
Cách chia sẻ mã giữa các Tiện ích của Chrome.
- Tiện ích của Chrome
Mô-đun được chia sẻ
Cách chia sẻ mã giữa các Tiện ích của Chrome.
- Tiện ích của Chrome
Hội nghị Chrome Dev 2014 – Polymer – Nhà nước của liên minh
Tiểu bang của Liên minh Polymer.
- Chrome
Lời nhắc cài đặt ứng dụng gốc
Biểu ngữ cài đặt ứng dụng gốc mang lại cho bạn khả năng cho phép người dùng cài đặt ứng dụng gốc của bạn một cách nhanh chóng và liền mạch trên thiết bị của họ từ cửa hàng ứng dụng mà không cần rời khỏi trình duyệt.
- Chrome
Nhắn tin bằng ứng dụng gốc
Cách trao đổi thông báo với các ứng dụng gốc từ ứng dụng Chrome.
Chế độ kiểm soát việc phát ảnh động trên web trong Chrome 39
Tìm hiểu về tính năng phát ảnh động trên web
- Chrome
Nguyên tắc cơ bản về việc phát triển web dành cho thiết bị di động
Sơ lược về một số nỗ lực mà nhóm Chrome đang thực hiện để giúp các nhà phát triển bắt đầu với việc phát triển web và lặp lại trên trang web của họ.
- Chrome
Cần có ý kiến phản hồi của nhà phát triển – Frame Timing API
Một API hoàn toàn mới đang nỗ lực để giúp đo khung hình/giây trong tự nhiên nhưng API này cần ý kiến phản hồi của bạn.
- Chrome
Hỗ trợ màu giao diện trong Chrome 39 dành cho Android
Sử dụng màu giao diện để đặt màu cho thanh công cụ trong Chrome dành cho Android.
- Chrome
Bước 2: Nhập một ứng dụng web hiện có
Cách điều chỉnh ứng dụng web hiện có cho nền tảng Ứng dụng Chrome.
Bước 1: Tạo và chạy ứng dụng Chrome
Cách tạo, cài đặt, chạy và gỡ lỗi Ứng dụng Chrome cơ bản.
Bước 6: Xuất việc cần làm sang hệ thống tệp
Cách ghi vào hệ thống tệp từ ứng dụng Chrome.
Bước 4: Mở đường liên kết ngoài bằng WebView
Cách hiển thị nội dung web bên ngoài trong ứng dụng Chrome.
Bước 5: Thêm hình ảnh từ web
Cách thêm hình ảnh vào ứng dụng Chrome bằng XHR và ObjectURL.
Bước 3: Thêm chuông báo và thông báo
Cách đánh thức ứng dụng Chrome theo khoảng thời gian cụ thể và sử dụng thông báo.
Tạo ứng dụng Todo dành cho Chrome
Giới thiệu về lớp học lập trình này.
Bước 7: Xuất bản ứng dụng
Cách xuất bản ứng dụng Chrome trong Cửa hàng Chrome trực tuyến.
Trình tạo – các bit gnarly
Khám phá Trình tạo ES6.
- Chrome
Gửi dữ liệu beacon trong Chrome 39
Chrome 39 triển khai API Báo hiệu. API này cho phép gửi các yêu cầu HTTP không đồng bộ nhỏ trong các sự kiện huỷ tải trang.
- Chrome
Cảm ứng chính xác cho các cử chỉ chính xác
TouchEvents đã thay đổi trong Chrome để trả về các giá trị số thực thay vì số nguyên, để phù hợp với nhiều mật độ màn hình khác nhau. Điều này dẫn đến phản hồi chi tiết hơn trong các cử chỉ chậm.
- Chrome
Thu thập và lặp lại, cách ES6
Maps, Tập hợp và...của vòng lặp là các tính năng ES6 có thể thay đổi cách bạn làm việc với các tập hợp dữ liệu.
- Chrome
Chuyển đổi ArrayBuffer sang String dễ dàng hơn nhờ Mã hoá API
API mã hoá gốc cung cấp một cách thức đơn giản để chuyển đổi giữa dữ liệu nhị phân thô và chuỗi JavaScript.
- Chrome
Các thay đổi về Âm thanh web trong m36
Mô tả công việc dọn dẹp các tiêu chuẩn Âm thanh web trong Chrome 36
- Chrome
thành phần hộp thoại được cung cấp trong Chrome 37 Beta
Chrome Beta đã hỗ trợ riêng phần tử
- Chrome
Thông báo của Công cụ cho nhà phát triển – Chrome 35
Nội dung cập nhật về Công cụ cho nhà phát triển trong Chrome 35
- Chrome
Sử dụng API Thông báo
Hiển thị thông báo cho người dùng Tiện ích của Chrome.
- Tiện ích của Chrome
API thông báo chi tiết
Cách hiển thị thông báo cho người dùng Tiện ích của Chrome.
- Tiện ích của Chrome
Tự động đo lường hiệu suất web
Sử dụng PSI để đưa chỉ số về hiệu suất web vào quy trình xây dựng.
- Chrome
Tính năng hỗ trợ Blob cho IndexedDB được triển khai trên Chrome Dev
Tính năng được chờ đợi từ lâu cho Chrome, hỗ trợ Blob trên IndexedDB đã xuất hiện trong Chrome Dev.
- Chrome
Công cụ phát triển trò chơi
Công cụ phát triển trò chơi được đề xuất cho Ứng dụng Chrome.
Ảnh động trên web – element.animate() hiện đã có trong Chrome 36
Ảnh động trên web xác định mô hình để hỗ trợ ảnh động và đồng bộ hoá trên nền tảng Web. element.animate() là phần tử đầu tiên xuất hiện trong Chrome.
- Chrome
Cảm ứng tương thích hơn, mượt mà hơn
Bạn và người dùng muốn các ứng dụng web dành cho thiết bị di động phản ứng và cuộn mượt mà khi chạm. Việc phát triển các sự kiện này khá dễ dàng, nhưng thật không may, cách trình duyệt web dành cho thiết bị di động phản ứng với các sự kiện chạm trong quá trình cuộn vẫn được xem là chi tiết triển khai trong thông số kỹ thuật [TouchEvent](https://www.w3.org/TR/Touch-events/).
- Chrome
Chạy ứng dụng Chrome trên thiết bị di động bằng Apache##
Hướng dẫn về cách sử dụng Apache lọc để thiết lập ứng dụng Chrome để chạy trên thiết bị Android và iOS.
Gỡ lỗi JavaScript không đồng bộ bằng Công cụ của Chrome cho nhà phát triển
Một tính năng mạnh mẽ khiến JavaScript trở nên độc đáo là khả năng hoạt động không đồng bộ thông qua các hàm gọi lại. Việc chỉ định lệnh gọi lại không đồng bộ cho phép bạn viết mã do sự kiện điều khiển, nhưng cũng khiến việc theo dõi lỗi trở thành
- Chrome
Đưa vào lưới CSS
Bố cục lưới CSS là một mô-đun CSS3 mới cung cấp các thuộc tính bố cục mới lý tưởng cho các ứng dụng web.
- Chrome
Bluetooth
Cách kết nối với thiết bị Bluetooth qua ứng dụng Chrome.
Tệp kê khai – Bluetooth
Tài liệu tham khảo về thuộc tính Bluetooth của manifest.json.
Các thay đổi về cách lưu trữ Chrome 33
Thông tin chi tiết về những thay đổi liên quan đến việc lưu trữ đối với những Tiện ích của Chrome bắt đầu từ phiên bản 33 của Chrome.
- Tiện ích của Chrome
Câu hỏi thường gặp
Câu hỏi thường gặp về Tiện ích của Chrome.
- Tiện ích của Chrome
Quy trình công việc của WebView
Hướng dẫn dạy bạn cách sử dụng Yeoman, Gradle và Grunt để tạo ứng dụng web.
Hướng dẫn: Di chuyển sang Manifest V2
Hướng dẫn cách di chuyển từ tệp kê khai v1 sang tệp kê khai v2.
- Tiện ích của Chrome
WebView hoàn hảo theo pixel
Cách tạo giao diện người dùng WebView hoàn hảo.
Ứng dụng WebView dành cho nhà phát triển web
Hướng dẫn dạy bạn cách sử dụng Yeoman, Gradle và Grunt để tạo ứng dụng web.
Bắt đầu
Hướng dẫn từng bước về cách tạo Tiện ích của Chrome.
- Tiện ích của Chrome
Mẹo và thủ thuật
Mẹo và thủ thuật để cải thiện ứng dụng WebView.
Thông báo của Công cụ cho nhà phát triển
Nội dung cập nhật về Công cụ cho nhà phát triển trong Chrome 33
- Chrome
chrome.location
Tài liệu tham khảo cho API chrome.location.
- Tiện ích của Chrome
Thông báo hằng tháng của Yeoman
Thông báo hằng tháng gồm các bài viết chất lượng cao của Yeoman, công cụ tạo và tin tức dự án.
- Chrome
Ghi đè cài đặt Chrome
Cách ghi đè chế độ cài đặt Chrome từ một Tiện ích của Chrome.
- Tiện ích của Chrome
Ghi đè cài đặt Chrome
Cách ghi đè chế độ cài đặt Chrome từ một Tiện ích của Chrome.
- Tiện ích của Chrome
Yo Polymer – Tìm hiểu về công cụ thành phần web
Khám phá các Thành phần web, Polymer và công cụ giao diện người dùng để tìm hiểu nhanh về các Thành phần web.
- Chrome
Các ứng dụng web trò chuyện – Giới thiệu về API Tổng hợp giọng nói
Giới thiệu về tính năng tổng hợp của Web Speech API.
- Chrome
Hội nghị Chrome Dev – Tóm tắt về các nền tảng
Nền tảng
- Chrome
ổ cắm
Tài liệu tham khảo về thuộc tính cổng của manifest.json.
Hội nghị Chrome Dev – Tóm tắt về nền tảng web mở
Các chức năng của Nền tảng web mở đang tăng tốc với tốc độ chưa từng thấy trước đây. Tại Hội nghị Nhà phát triển Chrome, chúng tôi đã nói về cách chúng tôi đang nỗ lực cải thiện Blink, Bảo mật và Nội dung nghe nhìn cho nền tảng này.
- Chrome
Hội nghị Nhà phát triển Chrome – Tóm tắt về hiệu suất
Vấn đề về hiệu suất
- Chrome
Hội nghị Chrome Dev – Các thành phần khai báo polymer, đóng gói, có thể sử dụng lại
Polymer là cánh cửa dẫn đến tương lai tuyệt vời của các Thành phần web. Tìm hiểu thêm về thành phần web và polymer từ Hội nghị dành cho nhà phát triển Chrome
- Chrome
Hội nghị Nhà phát triển Chrome – Tóm tắt về thiết bị di động
Sau đây là báo cáo đầu tiên trong chuỗi báo cáo từ Hội nghị Nhà phát triển Chrome. Có trọng tâm là phát triển Thiết bị di động và Nhiều thiết bị, vì vậy chúng ta sẽ bắt đầu bằng việc này.
- Chrome
Thông báo hằng tháng của Yeoman
Nội dung tóm tắt định kỳ gồm các bài viết, video và cuộc trò chuyện do cộng đồng Yeoman sáng tác.
- Chrome
Công cụ tạo ảnh động trên web mới trong tính năng nhấp nháy giúp thúc đẩy hiệu ứng chuyển đổi và ảnh động CSS
Chúng tôi triển khai Ảnh động trên web 1.0 qua tính năng Blink hỗ trợ hiệu ứng chuyển đổi và ảnh động CSS.
- Chrome
Thông báo tháng 12 năm 2013 của Công cụ cho nhà phát triển
Bản cập nhật mới nhất cho những thay đổi đối với Công cụ của Chrome cho nhà phát triển.
- Chrome
Độ trễ khi nhấn 300 mili giây, đã tắt
Mọi tương tác nhấp chuột trong trình duyệt trên thiết bị di động đều bị cản trở với độ trễ 300 mili giây, nhưng điều đó đã bị xoá trong Chrome 32 dành cho các trang web được tối ưu hoá cho thiết bị di động!
- Chrome
Thiết bị đầu cuối cho Công cụ cho nhà phát triển
Sử dụng thiết bị đầu cuối từ Công cụ cho nhà phát triển
- Chrome
Tệp kê khai cho bộ nhớ được quản lý
Tài liệu tham khảo về thuộc tính lưu trữ của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai cho khu vực lưu trữ
Tài liệu tham khảo về thuộc tính lưu trữ của tệpManifest.json.
- Tiện ích của Chrome
Công cụ của Chrome cho nhà phát triển dành cho thiết bị di động
Ghi màn hình và mô phỏng
- Chrome
Thông báo tháng 11 của Chrome Công cụ cho nhà phát triển
Công cụ của Chrome cho nhà phát triển hoạt động nhanh chóng và chúng tôi muốn bạn chú ý đến một số chức năng và điểm cải tiến mới mà chúng tôi đã giới thiệu với một vài thành phần. Cụ thể, chúng ta sẽ thảo luận về một số thay đổi đối với giao diện
- Chrome
Thông báo hằng tháng của Yeoman
Nội dung tóm tắt định kỳ gồm các bài viết, video và cuộc trò chuyện do cộng đồng Yeoman sáng tác.
- Chrome
Tình hình của hoạt động tự động hoá quá trình phát triển trên giao diện người dùng (Trang trình bày)
Tìm hiểu cách cải thiện năng suất giao diện người dùng bằng các công cụ tự động hoá quy trình công việc.
- Chrome
Thiết bị nối tiếp
Cách kết nối với thiết bị nối tiếp từ ứng dụng Chrome.
Đầu vào âm thanh trực tiếp cho âm thanh trên web – nay có trên Android
Chrome dành cho Android (v31.0.1650+) vừa hỗ trợ đầu vào âm thanh thông qua API Web âm thanh.
- Chrome
Bố cục hộp linh hoạt không chậm
Tin vui! Flexbox mới nhanh hơn gấp 2,3 lần so với flexbox cũ
- Chrome
Câu trả lời của Công cụ cho nhà phát triển – Phông chữ đó là gì?
Có bao giờ bạn thắc mắc phông chữ nào thực sự được dùng để hiển thị văn bản không? Bạn sẽ không còn thắc mắc khi Công cụ của Chrome cho nhà phát triển tiết lộ tất cả.
- Chrome
thành phần hộp thoại – các phương thức thực hiện dễ dàng
Bạn đã bao giờ tạo hộp thoại phương thức của riêng mình chưa? Sắp tới, bạn sẽ không cần phải mở hộp thoại nữa; các hộp thoại sẽ trở thành một phần của nền tảng web.
- Chrome
url_handlers
Tài liệu tham khảo cho thuộc tính url_handlers của manifest.json.
externally_connectable
Tài liệu tham khảo cho thuộc tính External_connectable củaManifest.json.
- Tiện ích của Chrome
externally_connectable
Tài liệu tham khảo cho thuộc tính External_connectable củaManifest.json.
- Tiện ích của Chrome
Analytics
Cách tích hợp Google Analytics vào ứng dụng Chrome.
Độ trong suốt của video trên Chrome
WebM vừa thêm tính minh bạch alpha và việc hỗ trợ cho tính năng này đã có trong Chrome 31.
- Chrome
Cuộc cách mạng của Công cụ của Chrome cho nhà phát triển năm 2013
Khi độ phức tạp và chức năng của các ứng dụng web ngày càng tăng, thì Công cụ của Chrome cho nhà phát triển cũng vậy. Trong bản tóm tắt nội dung của Paul Irish tại Google I/O 2013 về chủ đề Công cụ của Chrome cho nhà phát triển – Cuộc cách mạng 2013,
- Chrome
Đã thay đổi cú pháp sourceMappingURL và sourceURL
Đã thay đổi cú pháp sourceMappingURL và sourceURL
- Chrome
Tệp kê khai - Phiên bản
Tài liệu tham khảo cho thuộc tính phiên bản củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Hộp cát
Tài liệu tham khảo về thuộc tính hộp cát củaManifest.json.
- Tiện ích của Chrome
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.
- Tiện ích của Chrome
Tệp kê khai – Ngôn ngữ mặc định
Tài liệu tham khảo về thuộc tính default_locale của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – short_name
Tài liệu tham khảo cho thuộc tính short_name của manifest.json.
- Tiện ích của Chrome
Tệp kê khai – Hộp cát
Tài liệu tham khảo về thuộc tính hộp cát củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Tài nguyên có thể truy cập trên web
Tài liệu tham khảo cho thuộc tính web_accessibility_resources của tệpManifest.json.
- Tiện ích của Chrome
Phiên bản tệp kê khai
Tài liệu tham khảo cho thuộc tính manifest_version củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Mô-đun Nacl
Tài liệu tham khảo cho thuộc tính nacl_modules của tệpManifest.json.
- Tiện ích của Chrome
Manifest V2 – Phiên bản [Không dùng nữa]
Tài liệu tham khảo cho thuộc tính phiên bản củaManifest.json.
- Tiện ích của Chrome
Manifest - Đã bật ngoại tuyến
Tài liệu tham khảo cho thuộc tính offline_enabled của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – URL trang chủ
Tài liệu tham khảo cho thuộc tính Home_url của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Yêu cầu
Tài liệu tham khảo về thuộc tính yêu cầu củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Biểu tượng
Tài liệu tham khảo về thuộc tính biểu tượng củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Chế độ ẩn danh
Tài liệu tham khảo cho thuộc tính ẩn danh củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – URL trang chủ
Tài liệu tham khảo cho thuộc tính Home_url của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – tên
Tài liệu tham khảo cho thuộc tính tên củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Biểu tượng
Tài liệu tham khảo về thuộc tính biểu tượng củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Khoá
Tài liệu tham khảo về thuộc tính chính củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Ngôn ngữ mặc định
Tài liệu tham khảo về thuộc tính default_locale của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Chế độ ẩn danh
Tài liệu tham khảo cho thuộc tính ẩn danh củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Yêu cầu
Tài liệu tham khảo về thuộc tính yêu cầu củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Mô tả
Tài liệu tham khảo cho thuộc tính mô tả của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – khoá
Tài liệu tham khảo về thuộc tính chính củaManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Tên và tên rút gọn
Tài liệu tham khảo cho thuộc tính tên và short_name của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Mô tả
Tài liệu tham khảo cho thuộc tính mô tả của tệpManifest.json.
- Tiện ích của Chrome
Tệp kê khai – Tài nguyên có thể truy cập trên web
Tài liệu tham khảo cho thuộc tính web_accessibility_resources của tệpManifest.json.
- Tiện ích của Chrome
Ứng dụng kiosk
Tài liệu tham khảo về thuộc tính kiosk_enabled của manifest.json.
Tệp kê khai – Ứng dụng
Tài liệu tham khảo về thuộc tính ứng dụng của manifest.json.
Tệp kê khai – Trình xử lý tệp
Tài liệu tham khảo cho thuộc tính file_handlers của manifest.json.
Giới thiệu về Bộ lọc tuỳ chỉnh (còn gọi là Chương trình đổ bóng CSS)
Giới thiệu về Bộ lọc tuỳ chỉnh (còn gọi là Chương trình đổ bóng CSS)
Trực quan hoá các khái niệm của DOM tối
Trực quan hoá các khái niệm của DOM tối
- Chrome
Tiện ích mở rộng là gì?
Tổng quan về mục đích của Tiện ích của Chrome và cách chúng được phát triển.
- Tiện ích của Chrome
Lập hồ sơ thời gian hiển thị dài bằng chế độ vẽ liên tục của Công cụ cho nhà phát triển
Lập hồ sơ thời gian hiển thị dài bằng chế độ vẽ liên tục của Công cụ cho nhà phát triển
- Chrome
WebRTC - Bản minh hoạ RTCDataChannel, thay đổi API... và Chrome giao tiếp với Firefox
WebRTC - Bản minh hoạ RTCDataChannel, thay đổi API... và Chrome giao tiếp với Firefox
- Chrome
Viết tắt Nền CSS sắp ra mắt trên các trình duyệt WebKit trên thiết bị di động
Viết tắt Nền CSS sắp ra mắt trên các trình duyệt WebKit trên thiết bị di động
- Chrome
Ứng dụng web điều khiển bằng giọng nói – Giới thiệu về Web Speech API
Ứng dụng web điều khiển bằng giọng nói – Giới thiệu về Web Speech API
- Chrome
Chia sẻ màn hình bằng WebRTC
Chia sẻ màn hình bằng WebRTC
- Chrome
Hình nền dựa trên canvas
Hỗ trợ nền css bằng canvas hoặc webgl
- Chrome
WebRTC truy cập vào Firefox, Android và iOS
WebRTC truy cập vào Firefox, Android và iOS
- Chrome
Xây dựng ứng dụng bằng AngularJS
Hướng dẫn xây dựng ứng dụng Chrome bằng AngularJS.
Phản hồi thay đổi bằng Object.observe
Phản hồi thay đổi bằng Object.observe
- Chrome
Chính sách bảo mật nội dung 1.0 chính thức tuyệt vời
Chính sách bảo mật nội dung 1.0 chính thức tuyệt vời
- Chrome
Tạo ứng dụng bằng Sencha Ext JS
Cách tạo Ứng dụng Chrome bằng khung Sencha Ext JS.
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.
- Tiện ích của Chrome
Quả địa cầu tương tác với chương trình đổ bóng CSS và Google Maps
Interactive Globe với chương trình đổ bóng CSS và Google Maps
- Chrome
Quyền đối với ActiveTab
Cách sử dụng quyền ActiveTab trong Tiện ích của Chrome.
- Tiện ích của Chrome
Quyền "activeTab"
Cách sử dụng quyền ActiveTab trong Tiện ích của Chrome.
- Tiện ích của Chrome
Ghi đè các trang Chrome
Cách ghi đè trình quản lý dấu trang, nhật ký và các trang thẻ mới trên Chrome từ tiện ích của Chrome.
- Tiện ích của Chrome
Ghi đè trang Chrome
Cách ghi đè trình quản lý dấu trang, nhật ký và các trang thẻ mới trên Chrome từ tiện ích của Chrome.
- Tiện ích của Chrome
Mẫu so khớp
Cách hoạt động của quy trình so khớp tập lệnh nội dung và quyền của máy chủ, kèm theo ví dụ.
- Tiện ích của Chrome
Sử dụng eval() trong iframe hộp cát
Cách sử dụng eval() trong Tiện ích của Chrome.
- Tiện ích của Chrome
Chuyển tin nhắn
Cách chuyển thông báo giữa tiện ích và tập lệnh nội dung.
- Tiện ích của Chrome
Sử dụng eval trong các tiện ích của Chrome
Cách sử dụng eval() trong Tiện ích của Chrome.
- Tiện ích của Chrome
Định dạng thông báo bản địa hoá
Tài liệu tham khảo về định dạng của tệp messages.json cho Tiện ích của Chrome.
- Tiện ích của Chrome
Định dạng tệp kê khai
Tổng quan về các thuộc tínhManifest.json mà bạn có thể sử dụng trong Tiện ích của Chrome.
- Tiện ích của Chrome
Hướng dẫn: Google Analytics
Hướng dẫn từng bước về cách theo dõi việc sử dụng Phần mở rộng bằng Google Analytics.
- Tiện ích của Chrome
Đã bật tính năng đầu vào âm thanh trực tiếp trên web
Đã bật tính năng đầu vào âm thanh trực tiếp trên web
- Chrome
Sử dụng Google Analytics 4
Hướng dẫn từng bước về cách theo dõi việc sử dụng Phần mở rộng qua Google Analytics 4.
- Tiện ích của Chrome
Cung cấp các lựa chọn cho người dùng
Cách cho phép người dùng tuỳ chỉnh Tiện ích của bạn.
- Tiện ích của Chrome
Tổng quan về cấu trúc
Nội dung giải thích tổng quan về cấu trúc phần mềm của Tiện ích của Chrome.
- Tiện ích của Chrome
Giao diện (theme) là gì?
Hướng dẫn cách tạo giao diện.
- Tiện ích của Chrome
Chuyển tin nhắn
Cách chuyển thông báo giữa tiện ích và tập lệnh nội dung.
- Tiện ích của Chrome
OAuth 2.0: xác thực người dùng với Google
Hướng dẫn từng bước về cách tạo một tiện ích để truy cập vào danh bạ Google của người dùng thông qua API Google People, API Chrome Identity và OAuth2.
- Tiện ích của Chrome
Tiện ích gỡ lỗi
Hướng dẫn gỡ lỗi Tiện ích của Chrome.
- Tiện ích của Chrome
Cung cấp các lựa chọn cho người dùng
Cách cho phép người dùng tuỳ chỉnh tiện ích của bạn.
- Tiện ích của Chrome
Yêu cầu mạng trên nhiều nguồn gốc
Triển khai các yêu cầu mạng trên nhiều nguồn gốc trong Tiện ích của Chrome.
- Tiện ích của Chrome
Phiên bản tệp kê khai
Thuộc tínhManifest_version của manifest.json cho biết phiên bản của thông số kỹ thuật của tệp kê khai mà Tiện ích Chrome nhắm mục tiêu.
- Tiện ích của Chrome
Chrome Web Store
Cách lưu trữ tiện ích trong Cửa hàng Chrome trực tuyến và cập nhật tiện ích được lưu trữ trong Cửa hàng Chrome trực tuyến.
- Tiện ích của Chrome
Khai báo quyền và cảnh báo người dùng
Cách triển khai quyền để bảo vệ người dùng và Tiện ích của bạn.
- Tiện ích của Chrome
Định dạng tệp kê khai
Tổng quan về các thuộc tính manifest.json của Tiện ích của Chrome.
- Tiện ích của Chrome
OAuth2: Xác thực người dùng bằng Google
Hướng dẫn từng bước về cách tạo một tiện ích để truy cập vào danh bạ Google của người dùng thông qua API Google People, API Chrome Identity và OAuth2.
- Tiện ích của Chrome
Giao diện (theme) là gì?
Hướng dẫn cách tạo giao diện.
- Tiện ích của Chrome
XMLHttpRequest trên nhiều nguồn gốc
Cách triển khai XHR trên nhiều nguồn gốc trong Tiện ích của Chrome.
- Tiện ích của Chrome
Mẫu so khớp
Hiểu rõ các mẫu so khớp URL trong các tiện ích của Chrome.
- Tiện ích của Chrome
Gỡ lỗi tiện ích
Hướng dẫn từng bước về cách gỡ lỗi Tiện ích của Chrome.
- Tiện ích của Chrome
Chính sách bảo mật nội dung
Tổng quan về CSP cho Ứng dụng Chrome và cách tuân thủ chính sách này.
API lưu trữ
Cách xử lý bộ nhớ trong ứng dụng Chrome.
Cấu trúc ứng dụng Chrome
Tổng quan về kiến trúc phần mềm của các Ứng dụng Chrome.
Hỗ trợ tiếp cận (a11y)
Cách làm cho tiện ích Manifest V2 của Chrome có thể truy cập được.
- Tiện ích của Chrome
API web
Ứng dụng Chrome có thể sử dụng tất cả API sẵn có cho các trang web.
Thiết bị USB
Cách giao tiếp với thiết bị USB từ ứng dụng Chrome.
Tập lệnh nội dung
Giải thích về tập lệnh nội dung và cách sử dụng các tập lệnh đó trong Tiện ích của Chrome.
- Tiện ích của Chrome
Thông báo chi tiết với webKit
Cách triển khai thông báo trong Tiện ích của Chrome.
- Tiện ích của Chrome
Dùng phương pháp cài đặt thay thế
Cách cài đặt Tiện ích của Chrome bằng cách sử dụng sổ đăng ký JSON hoặc Windows tuỳ chọn.
- Tiện ích của Chrome
Giao tiếp qua mạng
Cách sử dụng TCP và UDP trong ứng dụng Chrome.
Phiên bản tệp kê khai
Tài liệu tham khảo cho thuộc tính manifest_version củaManifest.json.
Mở rộng Công cụ cho nhà phát triển
Cách tạo Tiện ích của Chrome để bổ sung chức năng cho Công cụ của Chrome cho nhà phát triển.
- Tiện ích của Chrome
Vòng đời của ứng dụng Chrome
Tổng quan về vòng đời của Ứng dụng Chrome.
Tùy chọn phân phối phần mở rộng thay thế
Cách phân phối Tiện ích của Chrome bên ngoài Cửa hàng Chrome trực tuyến.
- Tiện ích của Chrome
Nội dung bên ngoài
Cách trình bày nội dung bên ngoài trong ứng dụng Chrome.
Xác thực người dùng
Cách xác thực người dùng trong ứng dụng Chrome.
Tạo ứng dụng đầu tiên
Hướng dẫn cách tạo một ứng dụng Chrome cơ bản.
Ưu tiên ngoại tuyến
Cách xây dựng ứng dụng Chrome hoạt động khi không có mạng.
Hỗ trợ khả năng tiếp cận
Cách làm cho Tiện ích của Chrome dễ truy cập.
- Tiện ích của Chrome
Quản lý sự kiện bằng tập lệnh nền
Cách phản hồi các kích hoạt trình duyệt (sự kiện) từ tập lệnh nền Tiện ích của Chrome.
- Tiện ích của Chrome
Tự động cập nhật
Cách bật tính năng tự động cập nhật cho Ứng dụng Chrome.
Kiến trúc MVC
Tổng quan về mô hình cấu trúc phần mềm bộ điều khiển khung hiển thị mô hình.
Mở rộng Công cụ cho nhà phát triển
Cách tạo Tiện ích của Chrome giúp thêm tính năng vào Công cụ của Chrome cho nhà phát triển.
- Tiện ích của Chrome
Tập lệnh nội dung
Giải thích về tập lệnh nội dung và cách sử dụng các tập lệnh đó trong Tiện ích của Chrome.
- Tiện ích của Chrome
Tổng quan về quá trình phát triển phần mở rộng
Tổng quan về các thành phần và chức năng của Tiện ích Chrome.
- Tiện ích của Chrome
Sắp xếp các thay đổi về cách xếp chồng thành vị trí:đã sửa các phần tử
sắp xếp các thay đổi sắp xếp chồng lên vị trí:các phần tử cố định
- Chrome
Tạo vị trí trang đích của bạn! - cố định xuất hiện trong WebKit
Tạo vị trí trang đích của bạn! - cố định xuất hiện trong WebKit
- Chrome
Tích hợp input[type=file] với API Filesystem
Tích hợp input[type=file] với API Filesystem
- Chrome
Khi mili giây là không đủ – Performance.now
Khi mili giây là không đủ – Performance.now
- Chrome
danh sách dữ liệu cho mục nhập dải ô/màu cung cấp một số lựa chọn mặc định
danh sách dữ liệu cho mục nhập dải ô/màu cung cấp một số lựa chọn mặc định
- Chrome
Câu hỏi thường gặp nhanh về input[type=date] trong Google Chrome
Câu hỏi thường gặp nhanh về input[type=date] trong Google Chrome
- Chrome
Cách đo lường hiệu suất đồ hoạ của trình duyệt
Cách đo lường hiệu suất đồ hoạ của trình duyệt.
- Chrome
Bạn hiện có thể kéo và thả một thư mục vào Chrome
Bạn hiện có thể kéo và thả một thư mục vào Chrome
- Chrome
Đã đến! xhr.send(ArrayBufferViews)
Đã đến! xhr.send(ArrayBufferViews)
- Chrome
Tận dụng tính năng tăng tốc GPU trong canvas 2D
Tận dụng tính năng tăng tốc GPU trong canvas 2D
- Chrome
Viết một cuốn sách có thể lật bằng cách sử dụng Khu vực CSS và tính năng biến đổi 3D
Viết một cuốn sách có thể lật bằng cách sử dụng Khu vực CSS và tính năng biến đổi 3D
- Chrome
Chính sách bảo mật nội dung
Chính sách bảo mật nội dung có thể làm giảm đáng kể rủi ro và tác động của các cuộc tấn công vào tập lệnh trên nhiều trang web trong các trình duyệt hiện đại.
Cách chuyển đổi ArrayBuffer thành và từ String
Cách chuyển đổi ArrayBuffer thành và từ String
- Chrome
Đừng tạo blob, hãy tự tạo
Các thay đổi gần đây về thông số kỹ thuật đối với File API bao gồm một hàm khởi tạo mới cho Blob, điều này về cơ bản khiến BlobBuilder không liên quan.
- Chrome
Kiểm tra khung Websocket hiện có trong Công cụ của Chrome cho nhà phát triển
Thêm chức năng kiểm tra vào dữ liệu chạy qua mạng trong WebSockets
- Chrome
danh sách dữ liệu đã được thêm vào Chrome Canary
Bằng cách sử dụng "danh sách dữ liệu", ứng dụng của bạn có thể xác định danh sách các kết quả đề xuất mà người dùng nên chọn. Họ có thể chọn một tuỳ chọn trong danh sách hoặc nhập văn bản dạng tự do.
- Chrome
Protothon WebRTC
Vào ngày 24 tháng 3, Google đã tổ chức sự kiện WebRTC đầu tiên dành cho nhà phát triển WebRTC có tên là WebRTC Protothon.
- Chrome
Xử lý tải lên tệp XHR2 trong PHP
Ví dụ về mã máy chủ minh hoạ cách xử lý việc tải tệp lên
- Chrome
API requestAnimationFrame – nay có độ chính xác chưa đến mili giây
Sắp có thay đổi đối với một phần của API equestAnimationFrame
- Chrome
Tăng mạnh hiệu suất DOM - innerHTML của WebKit nhanh hơn 240%
Kỹ sư Chrome Kentaro Hara đã thực hiện bảy tối ưu hóa mã trong WebKit, nâng cao hiệu suất cho cả Safari (JavaScriptCore) và Chrome (V8).
- Chrome
Bản tóm tắt các tài nguyên nội bộ của trình duyệt web
Hầu hết các tài nguyên giải thích nội bộ của trình duyệt web
- Chrome
Đưa toàn bộ trang xuống phần ngoại tuyến bằng HTML5 FileSystem API
API FileSystem cho phép lưu trữ các tệp và phân cấp thư mục theo chương trình trong hệ thống tệp (hộp cát) cục bộ và sau đó thêm/cập nhật/xoá từng tài nguyên khi cần
- Chrome
Giới thiệu về Bản đồ nguồn JavaScript
Bạn có bao giờ muốn giữ cho mã phía máy khách của mình dễ đọc và quan trọng hơn là có thể gỡ lỗi ngay cả sau khi bạn đã kết hợp và rút gọn mã đó mà không ảnh hưởng đến hiệu suất không? Giờ đây, bạn có thể làm được điều đó thông qua bản đồ nguồn. Bản
- Chrome
Tối ưu hoá JavaScript
JavaScript tương đối nhanh, nhưng luôn có thể chạy nhanh hơn. Đọc thêm về cách tối ưu hoá JavaScript để tăng hiệu suất.
- Chrome
Tính năng thử nghiệm mới – biểu định kiểu theo phạm vi
Gần đây, Chromium đã triển khai một tính năng mới từ HTML5 – các kiểu phông chữ theo phạm vi.
- Chrome
Bản tóm tắt bản minh hoạ WebGL và API Web Audio
Đây là một số bản trình diễn API WebGL và Web Audio thú vị mà tôi đã xem trong vài tuần qua.
- Chrome
SwiftShader mang tính năng kết xuất hình ảnh 3D của phần mềm vào Chrome
SwiftShader là trình kết xuất đồ hoạ 3D phần mềm được sử dụng trong Chrome 18, cho phép bạn sử dụng CSS 3D và WebGL ngay cả trên các GPU thuộc danh sách từ chối.
- Chrome
Phát hiện các thay đổi của DOM bằng trình quan sát đột biến
Giới thiệu về Trình quan sát đột biến.
- Chrome
Giúp Gmail xử lý tất cả mailto - liên kết với registerProtocolHandler
Nhờ có navgator.registerProtocolHandler(), bạn có thể kết nối Gmail làm ứng dụng thư mặc định cho tất cả liên kết mailto.
- Chrome
Chrome dành cho Android - Tăng tốc web dành cho thiết bị di động
Chrome dành cho Android Beta dựa trên dự án nguồn mở Chromium và mang đến nhiều tính năng HTML5 mới nhất mà các nhà phát triển Chrome biết đến và yêu thích
- Chrome
Pointer Lock API (API Khoá con trỏ) đưa trò chơi FPS lên trình duyệt
API Pointer Lock giúp bạn viết các trò chơi bắn súng góc nhìn thứ nhất phù hợp cho web.
- Chrome
Âm thanh HTML5 và API Web âm thanh là BFF
createMediaElementSource() cho phép bạn kết hợp HTML5 với khả năng trực quan hóa, lọc và xử lý của API Web âm thanh.
- Chrome
Loại bỏ XHR đồng bộ
Lưu ý! Gần đây, thông số kỹ thuật XMLHttpRequest2 đã được thay đổi để cấm gửi một yêu cầu đồng bộ khi bạn đặt XMLHttpRequest.ResponseType.
- Chrome
Câu hỏi thường gặp về nội dung âm thanh trên web
Cập nhật nhanh này là nỗ lực giải quyết một số câu hỏi thường gặp hơn để giúp bạn có trải nghiệm dễ chịu hơn với API Web âm thanh.
- Chrome
Giới thiệu mẫu trình phát video
Mẫu trình phát video là một ứng dụng web nguồn mở trình phát video được xây dựng bằng cách sử dụng cùng cấu trúc như ứng dụng 60 phút và RedBull.tv.
- Chrome
Đích đến của Hiệu ứng bộ lọc CSS trong STDEV
Adobe đã nỗ lực để đưa công nghệ tuyệt vời này vào CSS. Cụ thể, tôi đang tham chiếu đến CSS Filter Hiệu ứng 1.0 mà STDEV đã bắt đầu triển khai.
- Chrome
Đối tượng có thể chuyển được – Nhanh như chớp
Với các đối tượng có thể chuyển, dữ liệu được chuyển từ ngữ cảnh này sang ngữ cảnh khác. Đây là bản sao 0, giúp cải thiện đáng kể hiệu suất gửi dữ liệu đến Worker.
- Chrome
Sử dụng độ chính xác trung bình trong WebGL khi có thể
Cảnh báo của bạn bè tại Opera, những người đã và đang thử nghiệm WebGL trên phần cứng OpenGL ES 2.0 thực tế.
- Chrome
Công cụ dành cho nhà phát triển Chrome để tăng tốc độ
Sử dụng Công cụ dành cho nhà phát triển trong Chrome để cải thiện tốc độ của ứng dụng
- Chrome
Phát video trực tuyến bằng API MediaSource
API MediaSource mở rộng "HTMLMediaElement" để cho phép JavaScript tạo luồng nội dung nghe nhìn nhằm phát lại.
- Chrome
Bản tóm tắt bản minh hoạ WebGL
Dưới đây là một số bản trình diễn WebGL mới tuyệt vời từ trên web để thể hiện những gì trình duyệt của bạn thực sự có thể làm được.
- Chrome
Công cụ lưu vào bộ nhớ đệm của ứng dụng và Trình tạo tự động
Bộ nhớ đệm của ứng dụng giúp bạn chạy ứng dụng web của mình khi không có mạng, tăng tốc đáng kể thời gian khởi động và giảm chi phí băng thông.
- Chrome
Xác định phạm vi trong các giao dịch IndexedDB
IndexedDB là một tiêu chuẩn web không ngừng phát triển để lưu trữ lượng dữ liệu có cấu trúc đáng kể trong trình duyệt.
- Chrome
Hãy để nội dung của bạn lên tiếng - API toàn màn hình
API toàn màn hình cho phép các ứng dụng web dùng JavaScript để yêu cầu mọi nội dung trên trang chuyển sang chế độ xem toàn màn hình của trình duyệt
- Chrome
Đã cập nhật WebSocket lên phiên bản mới nhất trong Chrome Canary
WebSocket API đã được phát triển lên phiên bản mới nhất (13) trong Chrome Canary
- Chrome
Cập nhật HTML5 và hỗ trợ trình duyệt
Thực ra việc cập nhật các tính năng đó có thể là một thách thức nhưng chỉ khi bạn không biết nên tìm ở đâu.
- Chrome
Đi xe bằng Ba.js
Chúng tôi thấy ngày càng có nhiều nhà phát triển tạo ra các bản minh hoạ 3D mới, cho dù họ là chuyên gia OpenGL hay những nhà phát triển mới bắt đầu trải nghiệm nó.
- Chrome
Phiếu giảm giá của Hội nghị trò chơi mới dành cho nhà phát triển trò chơi HTML5
Ngăn tôi hoàn thành báo cáo TPS bằng cách tìm hiểu cách viết trò chơi HTML5 và WebGL tại New Game.
- Chrome
Video dài 7 phút – Các mẹo sử dụng bảng điều khiển JavaScript và API DOM mới
Nâng cấp lên bảng điều khiển JavaScript trong Công cụ của Chrome cho nhà phát triển.
- Chrome
Worker ! ArrayBuffer
Chrome 13 và FF5 hỗ trợ gửi `ArrayBuffer` (hoặc Typed Array) đến/từ Web Worker
- Chrome
Điểm khác biệt trong giao thức WebSocket mới
Thông số kỹ thuật của giao thức WebSocket gần đây đã được cập nhật để giải quyết các mối lo ngại về bảo mật trước đây và khá ổn định
- Chrome
chènAdjacentHTML ở mọi nơi
Cách chèn nội dung vào tài liệu HTML
- Chrome
Gỡ lỗi API Hệ thống tệp
Hệ thống tệp HTML5 là một API mạnh mẽ. Sức mạnh đi kèm với sự phức tạp. Sự phức tạp, vấn đề gỡ lỗi sẽ càng nhiều hơn.
- Chrome
Tìm các tệp cục bộ bằng API Hệ thống tệp
Nếu có một đối tượng File (Tệp), bạn có thể tìm kiếm đối tượng đó và đọc các phần mà không cần đọc toàn bộ tệp vào bộ nhớ.
- Chrome
Thư viện HTML5/polyfill - Giữa tháng 7
Nhiều thư viện tuyệt vời hơn xuất hiện ở khắp mọi nơi
- Chrome
Công bố Trò chơi mới, hội nghị dành cho nhà phát triển trò chơi HTML5
Xin mời bạn tham dự New Game (Trò chơi mới) được tổ chức từ ngày 1 đến ngày 2 tháng 11 năm 2011 tại San Francisco, CA.
- Chrome
Không bỏ lỡ khung hình - Sử dụng API Chế độ hiển thị trang + Video HTML5
Bạn có thể dùng API Chế độ hiển thị trang để kiểm tra xem thẻ hiện tại có hiển thị hay không.
- Chrome
Sử dụng hình ảnh miền chéo trong WebGL
Thông số kỹ thuật của WebGL có bản cập nhật quan trọng về cách yêu cầu hình ảnh, giữa các miền.
- Chrome
Thư viện HTML5 - Cuối tháng 6
Gần đây, một số thư viện thú vị được cắt bớt.
- Chrome
API Mức độ hiển thị trang - Bạn đã chú ý đến tôi chưa?
May mắn là API Chế độ hiển thị trang mới cho phép ứng dụng của bạn khám phá xem trang có hiển thị hay không.
- Chrome
Ngược lại trong HTML5 + Web Audio API
Nhờ sức mạnh của GWT, HTML5 và API Web âm thanh, chúng tôi có thể xây dựng nguồn gốc của mã gian lận yêu thích của mọi người, Contra.
- Chrome
navgator.onLine trong kênh Chrome Dev
Với các API ngoại tuyến trong HTML5, không có lý do gì để không cung cấp trải nghiệm ngoại tuyến hoàn hảo cho người dùng.
- Chrome
Chào mừng bạn đến với updates.html5rock.com
Nhằm giúp các nhà phát triển thông tin nhanh chóng hơn, chúng tôi đã tạo "Luồng cập nhật HTML5" này để nêu bật những điều thú vị đáng chia sẻ
- Chrome
Kiểm tra tốc độ ứng dụng web
Ứng dụng web nhanh là ứng dụng web thành công. Công việc của bạn với tư cách là nhà phát triển chưa hoàn tất cho đến khi bạn tối ưu hoá cả hiệu suất thực tế và hiệu suất được cảm nhận của ứng dụng. Đây không chỉ là việc cần làm để đảm bảo người dùng
- Chrome
- Công cụ của Chrome cho nhà phát triển
Giới thiệu về Công cụ dành cho nhà phát triển Chrome, phần 1
Google Chrome là một trình duyệt web phong phú và mạnh mẽ, tiên phong về những gì có thể cho các ứng dụng trên web. Google đã nỗ lực làm việc để mang lại trải nghiệm duyệt web phong phú có tính năng rất nhanh, rất ổn định cho người dùng cuối. Google
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Tiện ích của Chrome
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Tiện ích của Chrome
- Workbox
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Workbox
- Tiện ích của Chrome
Policies
Extension policies
- Workbox
- Tiện ích của Chrome
How NRK uses scroll-driven animations to bring stories to life
Learn how scroll-driven and scroll-triggered animations enhance storytelling articles
- Chrome
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Báo cáo Trải nghiệm người dùng trên Chrome
- Workbox
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Workbox
- Tiện ích của Chrome
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome to sync passkeys on Google Password Manager between desktop and Android
Chrome on desktop will soon be able to create passkeys in Google Password Manager (GPM) and synchronize them across those platforms in addition to Android.
- Chrome
- Khoá truy cập
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Tiện ích của Chrome
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Tiện ích của Chrome
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Workbox
- Tiện ích của Chrome
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Tiện ích của Chrome
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Tiện ích của Chrome
- Workbox
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Tiện ích của Chrome
- Workbox
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Workbox
- Tiện ích của Chrome
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Báo cáo Trải nghiệm người dùng trên Chrome
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Workbox
- Tiện ích của Chrome
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Workbox
- Tiện ích của Chrome
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Tiện ích của Chrome
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Workbox
- Tiện ích của Chrome
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Tiện ích của Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Tiện ích của Chrome
- Workbox
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Tiện ích của Chrome
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Tiện ích của Chrome
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Tiện ích của Chrome
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Tiện ích của Chrome
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Workbox
- Tiện ích của Chrome
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Tiện ích của Chrome
Register your developer account
How to register as a Chrome Web Store developer.
- Tiện ích của Chrome
- Workbox
Create a side panel
TBD
- Workbox
- Tiện ích của Chrome
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Tiện ích của Chrome
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Tiện ích của Chrome
- Workbox
Overview of CrUX
Introduction to the CrUX dataset.
- Workbox
- Báo cáo Trải nghiệm người dùng trên Chrome
Permissions
A list of permissions and user warnings available on the extensions platform.
- Tiện ích của Chrome
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Workbox
- Tiện ích của Chrome
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- Tiện ích của Chrome
Distribute your extension
How to host your Chrome extension.
- Workbox
- Tiện ích của Chrome
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Tiện ích của Chrome
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Tiện ích của Chrome
- Workbox
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Tiện ích của Chrome
User interface components
A catalog of user interface elements available in extensions.
- Tiện ích của Chrome
- Workbox
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Workbox
- Tiện ích của Chrome
Prepare your extension
Prepare your extension files.
- Tiện ích của Chrome
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Tiện ích của Chrome
- Workbox
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Tiện ích của Chrome
- Workbox
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Workbox
- Tiện ích của Chrome
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Workbox
- Tiện ích của Chrome
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Workbox
- Tiện ích của Chrome
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Tiện ích của Chrome
- Workbox
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Tiện ích của Chrome
- Workbox
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Workbox
- Tiện ích của Chrome
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Tiện ích của Chrome
- Workbox
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Tiện ích của Chrome
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Workbox
- Tiện ích của Chrome
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Tiện ích của Chrome
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Workbox
- Tiện ích của Chrome
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Tiện ích của Chrome
- Workbox
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- Tiện ích của Chrome
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Tiện ích của Chrome
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Tiện ích của Chrome
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Tiện ích của Chrome
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Tiện ích của Chrome
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Tiện ích của Chrome
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Tiện ích của Chrome
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Workbox
- Tiện ích của Chrome
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Tiện ích của Chrome
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Tiện ích của Chrome
- Workbox
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Tiện ích của Chrome
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Workbox
- Tiện ích của Chrome
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Workbox
- Tiện ích của Chrome
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Workbox
- Tiện ích của Chrome
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Tiện ích của Chrome
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Tiện ích của Chrome
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Tiện ích của Chrome
- Workbox
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Tiện ích của Chrome
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Tiện ích của Chrome
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Tiện ích của Chrome
- Workbox
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Tiện ích của Chrome
- Workbox
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Tiện ích của Chrome
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Tiện ích của Chrome
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Workbox
- Tiện ích của Chrome
Enterprise publishing options
How to distribute extensions to enterprise users
- Tiện ích của Chrome
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Tiện ích của Chrome
- Workbox
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Tiện ích của Chrome
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Workbox
- Tiện ích của Chrome
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Tiện ích của Chrome
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Tiện ích của Chrome
- Workbox
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Tiện ích của Chrome
- Workbox
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Tiện ích của Chrome
- Workbox
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Workbox
- Tiện ích của Chrome
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Tiện ích của Chrome
- Workbox
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Công cụ của Chrome cho nhà phát triển
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Tiện ích của Chrome
Branding Guidelines
Guidelines for use of Google trademarks.
- Workbox
- Tiện ích của Chrome
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- Tiện ích của Chrome
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Tiện ích của Chrome
- Workbox
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Tiện ích của Chrome
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Công cụ của Chrome cho nhà phát triển
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Tiện ích của Chrome
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Tiện ích của Chrome
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Tiện ích của Chrome
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Tiện ích của Chrome
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Workbox
- Tiện ích của Chrome
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Summarizer
Get a short summary of every webpage.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Google Gemini Demo
Try the Gemini Models.
Simple Theme
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Open extension API reference
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Maskable.app
Preview maskable icons in the browser!
heritagein.info
Radio House
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
Farmbound - a diurnal game of farming
iRobot Coding
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
noctura.tech
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
Graphite
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
birdfood.gq
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
Average Colour
Average Colour is a tool to find the average colour in an image.
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
Application to help utilities management.
Budgeting app
wami
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
BrewFlasher Web Edition
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Microsoft Loop - Think, plan and create together
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
readyplayer.me
Scrapbook PWA
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Open Video
Open local video files using the browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
EdgeTX Buddy
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
Radio Garden
Explore live radio by rotating the globe.
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Expressive Canvas
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
YouTube Audio Player
An awesome audio player for YouTube videos
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Flowchart Maker & Online Diagram Software
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vernier Graphical Analysis®
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
Narrow One
Capture the flag medieval style!
LogIn
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Ace Seventh Heaven
Visual Day scheduler.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
Espruino Web IDE
Cue for Education
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
Error
Daily Writing Builder
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
pwamp
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
Bluesky Social
See what's next.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう！
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Hypertext
HTML Document Editor
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Service worker with push notification
Geolocation - popup
Shows how to get geolocation access within a popup.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Hello Extensions
Base Level Extension
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Oliver Focus Mode
Example extension from DevTools Tips video.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Tab Capture - Recorder
Records the current tab in an offscreen document.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Idle - Simple Example
Demonstrates the Idle API
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
Tab Manager for Chrome Dev Docs
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
Getting Started Example
Build an Extension!
Global Google Search
Uses the context menu to search a different country's Google
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
MV3 Migration - content script example
Broken Background Color
Fix an Extension!
webNavigation API Sample
Uses the webNavigation API to send notifications.
Geolocation - content script
Shows how to get geolocation access within a content script.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Page Redder
Turns the page red when you click the icon
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Reading time
Add the reading time to Chrome Extension documentation articles