Clone the repo and drop the folder into "chrome://extensions" page.
Open any web page ("about:blank" will work too) and a console, then inspect and play with MY_API global variable.
-
-
Save leira/89e34c044aef75b5d23a to your computer and use it in GitHub Desktop.
Chrome extension exposing JS API
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function (exports) { | |
| exports.hello = function (who) { | |
| document.dispatchEvent(new CustomEvent('MY_API:hello', { | |
| detail: { | |
| who: who || 'world' | |
| } | |
| })); | |
| }; | |
| })(window.MY_API = {}); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Inject API to web page | |
| var s = document.createElement('script'); | |
| s.src = chrome.extension.getURL('api.js'); | |
| s.onload = function() { | |
| this.parentNode.removeChild(this); | |
| }; | |
| (document.head||document.documentElement).appendChild(s); | |
| // Register event to allow dialog between page-wide and extension-wide code | |
| document.addEventListener('MY_API:hello', function(e) { | |
| alert('Hello, ' + e.detail.who); | |
| // ↑ how to pass data | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "manifest_version": 2, | |
| "name": "Hello API", | |
| "description": "Add JS API.", | |
| "version": "1.1", | |
| "web_accessible_resources": ["api.js"], | |
| "content_scripts": [ | |
| { | |
| "matches": ["*://*/*"], | |
| "match_about_blank": true, | |
| "js": ["hello.js"] | |
| } | |
| ] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment