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
READ MORE
----------------------------------------------------------------------------------------------------------------------------------
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
JSON SYNTAX ERROR CHECK WITH JON VALIDATOR
------------------------------------------------------------------------------------------------------------------------------------
{
"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>
<script src="SCRIPTS1.js"></script>
<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 class="list-group-item" href="http://dov.parishod.com/" target="_blank">
<img>
</a>
<p id="demo"></p>
</body>
</html>
----------------------------------------------------------------------------------------------------------
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 class="list-group-item" href="http://dov.parishod.com/" target="_blank"><img>
</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") });
------------------------------------------------------------------------------------------------------------------------------------
?
+
X
Recommended for you
Loading..
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment