To install extension manually you need to unzip the extension first. Follow the steps to load the unpacked extension.
- Go to Chrome Settings using three dots on the top right corner.
- Then Select Extensions.
You may directly open extensions using chrome://extensions - Now, Enable developer mode
- Click on Load Unpacked and select your Unzip folder.
Note: You need to select the folder in which the manifest file exists. In the screenshot, we have selected the installer folder inside Unzipped folder as it is the installer folder for our extension. - The extension will be installed now.
Sample Manifest file
{
"name": "Sample Extension",
"description": "It is used to describe manifest file",
"version": "1.0",
"content_scripts": [
{
"matches": [
"*://*.webkul.com/*"
],
"js": [
"resources/js/content.js"
],
"css": [
"resources/style/style.css"
],
"all_frames": false
}
],
"permissions": [
"activeTab"
],
"icons": {
"128": "resources/image/icon.png"
},
"browser_action": {
"default_title": "Sample application",
"default_icon": "resources/image/icon.png"
},
"web_accessible_resources": [
"resources/image/*.png"
],
"manifest_version": 2
}
50 comments
I am trying to use this code from labnol website ( but the problem is it shows as an app and not as an extension, I want it to show in the URL bar, other than that it does everything else)
{
“name”: “Your website name”,
“description”: “Your website description in 132 characters or less.”,
“app”: {
“urls”: [“http://www.labnol.org/”],
“launch”: {
“web_url”: “http://www.labnol.org/”
}
},
“manifest_version”: 2,
“update_url”: “http://clients2.google.com/service/update2/crx”,
“version”: “0.1”,
“icons”: {
“128”: “icon.png”
}
}
Your extension code shows in the icon but I can’t seem to figure out how to put in a website URL 😥
One way is to add popup to your extension icon and then provide information,link or button in popup.
To add popup, add below code to manifest
"browser_action": {"default_title": "title display when user hover on icon",
"default_icon": "your app icon",
"default_popup": "popup.html"
},
and add popup.html parallel to manifest file.
I check the ‘krunker skid’ extension this is not developed by
Webkulplease communicate the author for any issues.Please check your manifest file. You may refer sample manifest file updated in the blog.
Further, to check errors go to chrome://extensions/ you will get error on your extension, developer mode should be enabled.
Further, To unzip right click on the zip file and check for extract option.