How to make Chrome Extension.

Latest Version

Version
1.6
Update
February 1, 2021
Size
2.84MiB
Developer
Category
Users
169
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
日本語
See more
Permissions
See more

How to make Chrome Extension. Extension

This is an introduction to developing Chrome Extension for beginners.

This includes a fully working sample of the Chrome Extension.

Let's make your own Chrome Extension!

Index
Chapter 1. Very simple chrome extension.
Chapter 2. How to use localStorage.
Chapter 3. How to Debug.
Chapter 4. Browser Action and Page Action.
Chapter 5. How to use executeScript.
Chapter 6. How to use contextMenus.
Chapter 7. Control chrome tabs.
Chapter 8. How to use sendMessage.
Chapter 9. How to use Alarm.
Chapter 10. How to use content scripts.
Chapter 11. Open file and Sava to file.
To be continued.


Sep.19,2019 Version 1.0 New release
Nov.28,2019 Version 1.1 Added Chapter 7. Bug fixes. Japanese support.
Apr.17,2020 Version 1.2 Added Chapter 8.
Jun.5,2020 Version 1.4 Added Chapter 9.
Dec.13,2020 Version 1.5 Added Chapter 10.
Feb.1,2021 Version 1.6 Added Chapter 11.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "How to make Chrome Extension.", "short_name": "HMCE", "version": "1.6", "manifest_version": 2, "description": "How to make Chrome Extension.", "default_locale": "en_US", "content_security_policy": "script-src 'self'; object-src 'self'", "browser_action": { "default_icon": "BeginningExtension_19.png", "default_title": "How to make Chrome Extension", "default_popup": "popup.html" }, "icons": { "16": "BeginningExtension_16.png", "32": "BeginningExtension_32.png", "48": "BeginningExtension_48.png", "128": "BeginningExtension_128.png" }}
Read more

Similar Extensions

icon

View Page Source Extension · Developer Tools 169 7 ★ 58.38KiB

icon

Phone to Chrome Extension · Productivity 169 100 ★ 91.45KiB

icon

Extension Sync Extension · Productivity 169 7 ★ 569KiB

icon

Chromium Review Tool Extension · Developer Tools 169 1 ★ 28.96KiB

icon

Github files download Extension · Developer Tools 169 0 ★ 828KiB

icon

ExtensionMaker Extension · Developer Tools 169 3 ★ 65.87KiB

icon

console.sparkline Extension · Developer Tools 169 1 ★ 4.7KiB

icon

Android Developer Toolbox Extension · Developer Tools 169 5 ★ 1.79MiB

icon

Save Code Extension · Developer Tools 169 14 ★ 116KiB

icon

Link Roamer Extension · Developer Tools 169 2 ★ 351KiB

icon

LiveScriptConsole Extension · Developer Tools 169 2 ★ 388KiB

icon

Hacker News Browser Extension · Productivity 169 3 ★ 126KiB

icon

Page Manipulator Extension · Developer Tools 169 35 ★ 2.17MiB

icon

CodeWing - GitHub code navigation Extension · Developer Tools 169 3 ★ 166KiB

icon

HiddenTools for Google Chrome™ Extension · Productivity 169 46 ★ 156KiB

icon

Network+ Extension · Developer Tools 169 2 ★ 175KiB

icon

Jeurissen Search Extension · Productivity 169 2 ★ 22.16KiB

icon

Package Hub Extension · Developer Tools 169 2 ★ 28.3KiB

icon

Octohint Extension · Developer Tools 169 10 ★ 1.26MiB

icon

Google Apps Sidebar Toggle Extension · Developer Tools 169 2 ★ 38.26KiB

icon

Google Services Launcher Extension · Productivity 169 6 ★ 311KiB

icon

Gale In Context: Opposing Viewpoints Extension · Developer Tools 169 7 ★ 773KiB

icon

Dev Tabs Extension · Developer Tools 169 2 ★ 498KiB

icon

Developer pages Extension · Developer Tools 169 5 ★ 7.09KiB

User reviews

icon

Forest (ID: 0000009b9baf5cf6) Voted 5 ★ - Updated 09/21/2019 Very easy to follow, great tool for learning how to build a chrome extension!