![](https://developer.chrome.com/static/docs/puppeteer/images/hero.png?authuser=8&%3Bhl=tr&hl=tr)
Kuklacı
Puppeteer, Chrome DevTools Protokolü ve WebDriver BiDi üzerinden hem Chrome hem de Firefox'u otomatikleştirmek için üst düzey bir API sağlayan bir JavaScript kitaplığıdır.
Ekran görüntüsü alma ve PDF oluşturma işlemlerinden karmaşık kullanıcı arayüzlerinde gezinip test etmeye ve performansı analiz etmeye kadar tarayıcıdaki her şeyi otomatikleştirmek için bu aracı kullanın.
Kavramlar
Sayfa etkileşimleri
Ağda müdahale
Ekran görüntüsü alma
Çalıştırma modları
Blog yayınları
Summarizer
Get a short summary of every webpage.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Google Gemini Demo
Try the Gemini Models.
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
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.
Keep Awake
Override system power-saving settings.
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.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
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.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
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.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Geolocation - popup
Shows how to get geolocation access within a popup.
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.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
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.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
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.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
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.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
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.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Global Google Search
Uses the context menu to search a different country's Google
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Oliver Focus Mode
Example extension from DevTools Tips video.
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
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.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
webNavigation API Sample
Uses the webNavigation API to send notifications.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
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.
Tab Capture - Recorder
Records the current tab in an offscreen document.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
Idle - Simple Example
Demonstrates the Idle API
Geolocation - content script
Shows how to get geolocation access within a content script.
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Broken Background Color
Fix an Extension!
Getting Started Example
Build an Extension!
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
Page Redder
Turns the page red when you click the icon
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Reading time
Add the reading time to Chrome Extension documentation articles