GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW

Wednesday, 27 June 2018

GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW

---------------------------------------------------------------------------------------------------
Where are my Google Chrome extensions stored?
---------------------------------------------------------------------------------------------------

Where are my Google Chrome extensions stored?

C:\Users\Qamar\AppData\Local\Google\Chrome\User Data\Default\Extensions

Navigate to Google Chrome installation Folder (usually: "C:\Users\ your_username\AppData\Local\Google\Chrome\User Data\Default\Extensions")14 Jul 2011

--------------------------------------------------------------------------------------------------------------------------------

MAKE OWN GOOGLE EXTENSION

0) MAKE EXTENSION FOLDER ON DESKTOP AND SAVE IN THIS FOLDER

manifest.json AND ICON IMAGE FILES

---------------------------------------------------------------------------------------------------------------------------------

1) DEVELOPER MODE BUTTON ON

2) manifest.json FILE UPLOAD WITH LOAD UNPACKED BUTTON

https://developer.chrome.com/extensions/samples

----------------------------------------------------------------------------------------------------------------------------------

manifest.json CODE

------------------------------------------------------------------------------------------------------------------------------------

{

"author": "FB GADGETS",

"browser_action":{

"default_icon": "copy38.png",

"default_title": "HELLO GOOGLE "

"description":"THIS IS GOOGLE HELLO EXTENSION",

"icons":{

"128": "copy128.png",

"48": "copy48.png"

"manifest_version": 2,

"name": "GOOGLE HELLO EXTENSION",

"short_name": "HELLO GOOGLE",

"version": "1.0"

}

----------------------------------------------------------------------------------------------------------------------------------

manifest.json CODE WITH JAVA SCRIPT OR WITHOUT JAVSCRIPT

AND HTML FILES

IN THIS TUTORIAL WE USE BLANK JAVA SCRIPT FILE

http://json.parser.online.fr/

JSON SYNTAX ERROR CHECK WITH JON VALIDATOR

https://jsonlint.com/

------------------------------------------------------------------------------------------------------------------------------------

{

"author": "author",

"background":{

"persistent": true,

"background_color": "red",

"scripts": ["SCRIPTS1.js"]

"browser_action":{

"default_icon": "default_icon.png",

"default_popup": "default_popup.html",

"default_title": "default_title"

"icons":{

"128": "icons.png",

"48": "icons.png"

"key": "Key1",

"manifest_version": 2,

"name": "Name",

"description": "Description",

"short_name": "short_name",

"version": "1.0"

}

-----------------------------------------------------------------------------------------------------------

manifest.json CODE WITH JAVA SCRIPT OR WITHOUT JAVASCRIPT

IN THIS TUTORIAL WE USE IMAGE TYPE default_icon.webp

-----------------------------------------------------------------------------------------------------------

{

"author": "FB GADGETS",

"browser_action": {

"persistent": true,

"background_color": "red",

"default_icon": "default_icon.webp",

"default_popup": "default_popup.html",

"scripts": "SCRIPTS1.js",

"default_title": "default_title"

"icons": {

"128": "default_icon.webp",

"48": "default_icon.webp"

"key": "Key1",

"manifest_version": 2,

"name": "Name",

"description": "Description",

"short_name": "short_name",

"version": "1.0"

}

----------------------------------------------------------------------------------------------------------

default_popup.html CODE

----------------------------------------------------------------------------------------------------------

<html>

<head>

<style>

body{

margin: auto;

text-align: center;

padding: 300px 0;

border: 3px solid green;

height:300px;

width:300px;

}

img{

background-image: url("https://www.w3schools.com/tags/smiley.gif");

height:42px;

width:42px;

margin-left: auto;

margin-right: auto;

}

</style>

</head>

<body>

<img>

</a>

</body>

</html>

----------------------------------------------------------------------------------------------------------

SCRIPTS1.js CODE

----------------------------------------------------------------------------------------------------------

var count = 0;

countdown=function(){

count++;

var x = document.createElement("IMG");

x.setAttribute("src","https://www.w3schools.com/jsref/smiley.gif");

document.body.appendChild(x);

document.getElementById("demo").innerHTML = count;

}

doCountdown = setInterval(countdown,1000);

------------------------------------------------------------------------------------------------------------

{

"author": "FB GADGETS",

"browser_action":{

"default_popup": "default_popup.html"

"key": "Key1",

"manifest_version": 2,

"version": "1.0",

"name": "Name"

}

-----------------------------------------------------------------------------------------------------------

{

"author": "FB GADGETS",

"browser_action":{

"persistent": true,

"background_color": "red"

"browser_action":{

"default_icon": "default_icon.png",

"default_popup": "default_popup.html",

"default_title": "default_title"

"icons":{

"128": "default_icon.png",

"48": "default_icon.png"

"key": "Key1",

"manifest_version": 2,

"name": "Name",

"description": "Description",

"short_name": "short_name",

"version": "1.0"

}

------------------------------------------------------------------------------------------------------------------------------------default_popup.html PAGE CODE

------------------------------------------------------------------------------------------------------------------------------------

<html>

<head>

<style>

body{

margin: auto;

text-align: center;

padding: 300px 0;

border: 3px solid green;

height:300px;

width:300px;

}

img{

background-image: url("https://www.w3schools.com/tags/smiley.gif");

height:42px;

width:42px;

margin-left: auto;

margin-right: auto;

}

</style>

</head>

<body>

</a>

</body>

</html>

------------------------------------------------------------------------------------------------------------------------------------

SMALL CODE manifest.json CODE

WE DO NOT PUT TRAILING COMMA IN BEFORE LIKE

"default_popup": "default_popup.html",

CORRECT CODE WRITE IN THIS WAY

"default_popup": "default_popup.html"

------------------------------------------------------------------------------------------------------------------------------------

JAVA SCRIPT GOOGLE CHROME EXTENSION
--------------------------------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------------------------------

manifest.json CODE

------------------------------------------------------------------------------------------------------------------------------------

{

"background": {
"scripts": ["Button.js"]
},
"browser_action": {
},
"description": "Easy Load Co",
"icons": {
"128": "icon-128.png",
"16": "icon-16.png",
"32": "icon-32.png"
},
"key": "Key1",
"manifest_version":2,
"name": "EasyLoad",
"update_url": "http://fbgadgets.blogspot.com",
"version": "1.0"

}

------------------------------------------------------------------------------------------------------------------------------------

Button.js CODE

------------------------------------------------------------------------------------------------------------------------------------

chrome.browserAction.onClicked.addListener(function() {
window.open
("http://fbgadgets.blogspot.com/2018/06/google-chrome-extension-file-save-on.html")
});

------------------------------------------------------------------------------------------------------------------------------------