Could anyone please tell me how to inject my js via Chrome Extensions in ElectronJS? I have an extension (manifest v2) that works in Chrome. It loads in electron (I see an object after await loadExtension() call), but its code is not inserted (I don't see a markup change and nothing in dev tools console)
If you can provide a sample extension that works (possibly code in ElectronJS also), that would be super perfect! :)
The problem was that I called the loadExtension() after the loadURL().
Related
Everybody can download chrome extension, edit and reupload, how i can protect my chrome extension and what i need to do if i see someone reupload my chrome extension?
You can't bulletproof-protect it. The only thing you can reasonably guarantee to be unique is the extension ID for published items - but any checks you would do against it can be circumvented.
It's not a technical problem. It's a social/legal problem.
If you see someone doing it, you should use the Report Abuse function of the Web Store.
What other does is to load the "actual" code of their extension remotely (via CDN)
The code that is packaged with chrome extension just act as loader or their "real" extension code.
See Streak's InboxSDK (sdk to build chrome extensions for gmail). It uses the same concept. https://www.inboxsdk.com/docs/
This could be layman question. I use the postman application which i got from the chrome extension. It was soo good. I really want to know in which language it is written? Is it written completely in javascript and packaged using some tools like cardova? Or any native language is used?
It is a "chrome app" written in HTML5, CSS, and JavaScript.
About Chrome apps
Google through Chrome allows this application to run in a native container that work on any operating system example: Mac OS, Linux.
In order to publish the app , developers can package and upload the app source files to chrome web store. refer the link for further details
Check the Postman Legacy Repo which is available in GitHub.
https://github.com/postmanlabs/postman-chrome-extension-legacy/tree/develop/chrome
They used the following technologies
JS Framework: AngularJS
CSS Framework: Bootstrap
Template Engine: Handlebar
DOM: jQuery, jQuery UI and many more jQuery Plugins.
Other: vkBeautify, Underscore and many more.
In General about Chrome Extension. This is chrome plugin which is built with manifest.json (Configuration file) and Chrome API.
You can include your HTML, JS and other JS Library or Framework as per your Extension Scope.
How to build the Chrome Plugin ?
1. Enable Developer Mode
2. Load your extension
Finally once you are done with extension development, you can pack it as CRX file to upload it to Chrome Web Store through pack extension button
I am able to launch Chrome browser with extension in the browser. But I am not able to interact with the extension.
When I launch Chrome browser manually, I go to chrome://extensions and configure command for that extension and set short cut like "Alt+H" to launch the extension from short cut and after hitting Alt+H the extension gets invoked.
But when I launch chrome browser with extension using watir webdriver, the configure command setting for that extension is not set. After I set that manually again to "Alt+H" and try to invoke the extension on the browser which is launched using watir-webdriver, I don't see extension getting invoked.
Please let me know how can I interact with the chrome extension using watir-webdriver.
I do not think watir can interact with the extensions. It can only interact with the page. But, I could be wrong. I had moderate success with Sikuli when I needed to do something like that.
I want to be able to call functions that I am writing in a Chrome extension from the JS console in Chrome, so that I can test them easily and see how their output changes as the page changes.
But it seems as the functions I write aren't available to the chrome JS console. I don't really understand JS that well, or the chrome extension model, but I need to somehow inject the extension source into the body of the page that I am using the extension for?
If you are talking about functions that you defined in a background page, then you need to go to your extensions page, check the developer mode box, and click on _generated_background_page.html. That is where you will find your background page code.
If you mean functions in a content script, then when you are in the console, go down to where it says <page context> and change it to your extension. Then you will have access to the functions in the content script.
I am looking for a sample project that would compile a chrome and firefox extension that would run some JavaScript code after a page is loaded.
I already wrote a Chrome extension that does this, but I am looking for something cross-browser, that would allow me to build the same extension for Chrome and Firefox.
If this would also allow me to publish the extensions it would be great.
You may refer this link http://www.extensionfactory.com/labs/conversion/
Here you can get firefox extension by submitting chrome extension.
With the Crossrider's framework you can build a cross-browser extension using only one code base that will work on Chrome, Firefox and also Internet Explorer and Safari.
So, with only using javascript single code base and the Crossrider API you can easily build your first cross-browser extension in no time.
(Disclosure: I work at Crossrider)