I am making a Chrome extension, which can make DOM manipulation, such as text bold or italic. After manipulating DOM, I want to add bookmark a current webpage with changed DOM. However, the changed DOM is not reflected to added bookmark.
There are two questions.
Is it possible to add bookmark with changed DOM?
If it is possible, how can I do that? Do I have to include cache or local storage Chrome API?
Please give me fruitful advice:)
Related
I want to dynamically generate some buttons on my chrome extension default_popup HTML page and I want on click to open a model in the middle of the screen NOT a new tab, I saw some other extensions having its options like this, and then display some info.
I think the only possibility isto get rid of the defalt_popup and inject all my scripts through the background page straight into the html page.
I want to copy text from a particular div class, and save it externally, and then click a button, before repeating the process, to copy the content from an online quiz.
Only, the URL does not change, and the content is updated dynamically. I tried an iFrame so I could simulate button presses with jQuery but the content wouldn't load over it, and I'm not sure I could do so with node.JS because the URL is static.
Any suggestions as to how I could do it, whether it be a Chrome extension or just a program?
Thanks
Can I put a HTML code in my chrome extension's icon? According to the Google API (setBadgeText) this isn't possible.
Is there any way to put it there?
While .setBadgeText is, as implied by name, text-only, you can draw anything and set that as your icon.
You'll need to draw on a <canvas>, extract image data and use .setIcon({imageData: /*...*/}) to update the icon.
See this question for a brief example, and maybe this article.
It's not quite "using HTML", but with some work you can output anything to your icon.
Badge is plain text only as can be seen in source code. There's no way around.
I am developing a chrome extension that would like to add a tab at the bottom of the page to manipulate DOM elements. Chrome 'manifest.json' file doesn't provide such feature. So how to do it or rather how does Firebug add a tab at the bottom of the Chrome?
I would suggest inserting a panel in every page through a content script. You can style it in order to appear at the bottom of the page and be always visible.
In order for it to retain its state between navigation from one page to another, you need to persist it some how (example use chrome.storage or a similar mechanism through the background page to persist the content (or whatever you need).
See this answer on how to insert (and style) a toolbar-like div or iframe in a page through a content script. (It is fixed to the top of the page, but you can easily modify the code to fix its position at the bottom.)
I am working on an extension that involves interacting with Chrome's bookmarks.
Is there anyway to either override the current Page Action dialog box for Bookmarks when you click on the star or is there anyway to change listing for the drop down of possible folders?
Barring that, is there a way to remove the star from the omnibar so that I can replace it with my own icon from my the extension?
No to all questions unfortunately.
The best your going to get is to add your own page action next to the default.