About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
Create Awesome Google Chrome Extensions
Introduction to Google Chrome Extensions
What is a Chrome Extension?
Preview
What do Chrome Extension do?
Preview
Chrome Extension Structure
Basic Concepts & Creating First Chrome Extension
Create Chrome Extension Folder
Manifest
Background Script
Chrome API
Storage
Installing Extension in Chrome Browser
Icon
User Interface
HTML & CSS
Adding Javascript
The Popup HTML
Javascript Click Button
Google Chrome APIs
Change Color Function - Part 1
Change Color Function - Part 2
Testing Background
Options Page
Options Functions - Part 1
Options Functions - Part 2
Options CSS
Popup H1 Text
Adding Three Buttons
The Style of The Three Buttons
Create a Second Google Chrome Extension - Limited Time Extension
Limited Time Extension
Icons Specs
Icon in Manifest
Basic UI
The HTML
CSS Design - Part 1
CSS Design - Part 2
Start Session Button
On Alarm - Part 1
On Alarm - Part 2
On Alarm - Part 3
Remove Button
Info Button - Part 1
Info Button - Part 2
Info Button - Part 3
Badge Text
Page Action - Part 1
Page Action - Part 2
Page Action - Part 3
Communication Between Pages
Extension Details
Google Chrome Web Store
Publishing on Google Chrome Web Store
Thank You
Project Code
Change Color Extension
Limited Time Extension
Basic Concepts & Creating First Chrome Extension
Create Awesome Google Chrome Extensions
By:
Mustafa Alawi
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
In this section you will learn basic concepts and how to create your first Google Chrome Extension.
We'll cover the following topics in this section:
Create Chrome Extension Folder
Manifest
Background Script
Chrome API
Storage
Installing Extension in Chrome Browser
Icon
User Interface
HTML & CSS
Adding Javascript
The Popup HTML
Javascript Click Button
Google Chrome APIs
Change Color Function - Part 1
Change Color Function - Part 2
Testing Background
Options Page
Options Functions - Part 1
Options Functions - Part 2
Options CSS
Popup H1 Text
Adding Three Buttons
The Style of The Three Buttons
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts