Google Chrome Extension Getting Started Tutorial not working - google-chrome-extension

I'm trying to learn about google chrome extensions so from this question I went to this tutorial.
I followed the instructions but both the change of the page's color when clicking the button and the options page don't work.
To make sure I didn't missed anything I downloaded the completed extension but I got the same result.
Why does it not change the page's color when I click the button on the popup and when I go to the extension's options the page is blank? Is the tutorial obsolete/has something wrong in the code that wasn't updated? Can it be fixed/how?
The only related questions I have seen seem to be old when the example extension/tutorial was different.

This bug is tracked here: https://bugs.chromium.org/p/chromium/issues/detail?id=827804
It seems that the scripts have some errors.
I have uploaded fixed scripts to the bugtracker.
You can try them.

Related

Network not showing up in the Chrome Extension Background Page on Manifest v3

I feel really stupid but for some reason I cannot find the Network tab in my DevTools anymore... It's been there on the new Manifest v3 before, just somehow disappeared today for me and I can't seem to get it back. This is how my DevTools look like, any idea how I can get the Network tab back?
It shows in the regular Chrome Inspector just fine and in my other chrome extensions I have installed as well, I just can't seem to find it on mine for whatever reason.
As mentioned in the post's comments, it was indeed just a Chrome bug...
https://groups.google.com/a/chromium.org/g/chromium-extensions/c/8XH_QsYK2nI

How to get instant CSS changes with Chrome Extension?

I'm making a Chrome Extension which changes the layout of a website. When my extension is activated and the website loads, you can briefly see the real website then it switches to my modified version loading in all the CSS and JS from the Chrome Extension. Though I've used other extensions that do something similar but have it displayed before anything actually shows the real website. One example is Shine for Reddit. When Reddit shows, it shows the extensions version of the website right at the start. How can I do this?

Is the same htm source edit extension available on windows?

I'm looking for the chrome extension that allows you to edit html source and instantly view the result. See the screenshot for mac, perhaps there is no such software available for windows version of chrome, but I would appreciate the mac version reference too.
There is already this kind of tool built in to Chrome. If you right click on HTML page and select "Inspect Element" you can make your changes and Chrome will update itself automaticly.
If you don't like this feature however and want one that looks beter, check out this link. I'm almost certain there will be some results that you like.
https://chrome.google.com/webstore/search-apps/Editor
I'm terribly sorry, this is NOT a chrome plugin, but node.js application https://github.com/phuu and this is really good one see the screen

Chrome Extension - Get Tab Preview Images

I'm developing a chrome extension. I need to get a preview image for each tab. How can I do this?
The Tab API has captureVisibleTab functionthat you can use:
http://code.google.com/chrome/extensions/tabs.html#method-captureVisibleTab
Do a simple search on stackoverflow to see how it works, I have answered many people regarding that feature.
If you want to alter that image after you capture it, then you can use HTML Canvas to do so.
Hope that helped

Dreamweaver CS4 - How do you preview in Browser?

I'm new to Dreamweaver CS4 and making my first website. I've watched a lot of tutorials and they all just click the Preview in Browser button and they can see what their page looks like in Firefox/IE/etc.
But when I click Preview in Browser a new Firefox window opens up and it goes to my homepage and that's it.
What do I need to setup in order be able to preview in firefox?
THANKS!
I don't use Dreamweaver, although I have it as part of CS4. But I just now opened up the app, created a test HTML page, saved it, and hit F12 (Preview in Browser). And there was my test page. I honestly don't know what you could be doing wrong. I thought it might be that you didn't save your file, but you get a warning dialog if you try to preview without doing that.
After some playing around I fixed the problem myself.
First I had to go to manage site and edit the basic preferences on my website.
I had to make sure the 'URL to browse to the root of your site" is valid.
In my case it I had to add:
file:///C:/Documents%20and%20Settings/Linda/My%20Documents/website1/

Resources