How to insert a button to gmail page in firefox extension? - google-chrome-extension

i want to develop an extension for both chrome and firefox and need to insert a button to gmail page. In chrome i use Inboxsdk and it work very fine like this: image
Unfortunately, it looks like inboxsdk is not supported on the firefox extension. I tried to load the inboxsdk script but nothing happened on gmail. I want to ask is there a way to use Inboxsdk on firefox extension? Or is there any other way to insert the button into gmail as inboxsdk? Thankyou.

The InboxSDK is currently just supporting Chrome and Safari Browser extensions.
What browsers are supported? Chrome and Safari are currently
supported. Chrome version 36 and Safari 7 are the minimum versions we
support.
Firefox support is under consideration; please let us know if you're
interested.
FAQ - Supported Browsers
One approach to add buttons without InboxSDK to compose views could be using MutationObservers and check whenever a compose view is added to the DOM. Find the send button and append your own button dynamicly. The hard part will be to find a way how you can reliably identify compose views/send buttons.
Classnames could work but I'm bot sure if gmail has consistent classnames and ids you can use (obfuscation etc.).

Related

Adding buttons on the GMAIL Toolbar

I currently have a chrome extension which adds a new button on the GMail Toolbar each time I open a message in GMail on a chrome tab. This is done currently using inboxSDK's (1) registerThreadViewHandler() and (2) registerMessageViewHandler()
Unfortunately, using inboxSDK library will make the extension call remote code which is disallowed in Manifest V3.
I would like to ask if there are other possible and sustainable ways to do this without inboxSDK.
Thank you very much.

What browser can update the webpage live as I edit HTML in the inspector?

I used to use Firefox and the beloved plugin Firebug to work with web pages, since you can edit the HTML-code, and see the result on the page as you edit it.
The last version to support this and firebug was Firefox 49, and all newer Firefox, Chrome and Safari version doesn't have this. You can edit the code, but you have to click outside or CMD/CTRL-Enter to confirm the changes.
Why isn't this implemented in newer browsers, it doesn't seem that complicated, and it's so useful. I can't believe I can't find anyone else discussing this on the Internet.
Is there any browser version and/or plugin to Chrome that can do this?
Thanks!
As far as I know, no browser allows this and there isn't any extension for that, unfortunately.
Though there is a feature request for the Firefox DevTools asking to add live editing.

Linking my website to a Google Chrome extension that has a Firefox alternative

I want a link on my website to a Google Chrome extension that has a Firefox alternative.
Questions:
How do I link to a browser(Google Chrome/Firefox) plugin from a web-page?
How do I decide which link to show based on users browser? In other words: when a person enters my web page using Firefox I want
to display a link to Firefox plugin, if he's using Google Chrome -
link to Google Chrome plugin.
Both browsers present an API to initiate an extension/add-on install. You can actually use those to differentiate between browsers.
First, detection:
if(window.InstallTrigger) {
// This is Firefox
} else if(window.chrome && window.chrome.webstore) {
// This is Chrome
} else {
// Something else
}
Next, you want to trigger the installation. This probably requires a user gesture - so present a button/link for the user to click.
I'm not an expert on Firefox, but here's the relevant documentation. I don't know how that interacts with Gallery, if you have the add-on published there.
For Chrome, you need to link the Web Store item to the site in question to use inline install. Once that is done, you can follow the procedure from relevant documentation.
Consider that you also want to detect if the extension is already installed. To do that, you need to expose something visible to the page, or modify the page, from the extension.
Again, I'm not an expert on FF, but here's the canonical Chrome question.

Mozilla Add-on development: Chrome page action equivalent?

I've Googled around a bit looking for an answer but everything I've found so far is out-dated. Is there anything similar to the Google Chrome Page Action for a Mozilla Firefox Addon?
Or is there a good way to disable/gray-out the browser action icon in Firefox to let users know they can't use the extension unless an appropriate URL is accessed?
Thanks.
The equivalent of browser action buttons are those within the sdk/ui/button namespace:
sdk/ui/button/action
sdk/ui/button/toggle
These are a relatively recent addition to Firefox (29). If you need such buttons in earlier versions of Firefox, take a look at my browseraction-jplib module.

Is it possible to call one extension from another

I have Google Chrome and the extensions installed on it. I would like to reduce number of extension buttons on Chrome panel.
For this I want to create my plugin which will display popup window and allow to run another extension installed on my browser?
Is it possible and where I can find examples?
The messaging API has an external extension feature. You can use that communicate between extensions.

Resources