Host html pages in chrome extension - google-chrome-extension

I want to build a chrome extension with multiple HTML pages linked together.
I couldn't find any way to host HTML pages within it.
Any help on this issue
Thanks

Related

How can I grab this website content without losing javascript content

I want to download this website
Abd i tried idm and httrack but didn't work for javascript content
http://websdr.uk:8074/
Anyone can help me to download this frequency streaming content,
Thank you
In order to capture the javascript actions, you'll need Selenium. It's a browser automation tool, used for Automated testing and data parsing from webpages.
https://www.selenium.dev/
Downloading an entire site is possible only if the website has static pages (HTML, CSS, Img). But Javascript-based content is loaded dynamically, which would be difficult to download.

Can I embed iframe from my site using chrome extension

I create chrome extension. When user hits special shortcut this extension will add iframe to current active page in chrome. This iframe will load js from external resource (my site) and show some data. Is this allowed (to load external js inside iframe)?
I did not find any restrictions in chrome developers about that, but I worry if my extension will not pass check at chrome webstore.
You can insert any HTML code into the DOM, but if you're inserting an IFRAME, it will be limited by same-origin restrictions which will likely prevent the embedded Javascript from running unless both websites share a common domain and protocol.
See https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy for further details.

Chrome devtools appends ".download" to my js files with I save the webpage with assets

I work as Product Manager for a SASS company. Our website is fully developed in-house. We use Chrome devtools as a pseudo-IDE to create prototypes for upper management, as part of creating a functional spec for a project.
Our workflow consists of saving a page with assets from our application, then modifying the HTML and CSS in devtools, and adding any JavaScript if needed.
When you save a page with Chrome, it downloads all of the assets locally. It has worked great in the past, but recently Chrome started appending a ".download" extension to JavaScript files only. This causes the JS files to be duplicated in the assets folder. It also changes the file path in the HTML head to point to the ".download" JS files instead. I can fix it manually, but once I save the page with assets again, Chrome does it again.
Is there anyway I can prevent Chrome from doing that?

How do I get my google chrome extension to interact with pages outside the extension?

So I've built the main functionality for an extension already, and have it uploaded as a web page on my server. I'd like to have it interact with any page a visitor goes to though and not just my page on the server. It's just the HTML/CSS/Javascript and jQuery.
I've been reading the documentation, and it says/implies I need to use a content script. I do have this script included as a content script as well though, however I'm probably doing it wrong. Mainly looking for some guidance/direction as to where to go on this.
The extension is to be one that removes all images from a page.
The site is http://199.127.226.221/testsites/chromeapp/
This is the manifest file: http://199.127.226.221/testsites/chromeapp/manifest.json
This is the .crx file: http://199.127.226.221/testsites/chromeapp/chromeapp3.crx
You should supply the extension as a .crx file.
Also it seems you should specify desired urls for content scripts in permissions of manifest

what browser plugin that lets you override html of a website automatically

Can anyone suggest a browser plugin that will let me override a website whenever I am loading a particular website.
Example Scenario:
Whenever I load yahoo.com I want to change on how it renders the html and behave.
It needs to be able to manipulate the DOM. example, it can change the attribute of an <img height="" width="" />, example the width and height of the image.
Aside from changing attributes it also need to be able to inject new elements. example i can insert new <divs> or <p>.
I also need to be able to manipulate the head tag as I like to insert external CSS and JS for the overrides.
I primarily use Google Chrome and Mozilla Firefox.
Thank You.
Chrome has native support and Firefox via a plugin for user scripts (also called greasemonkey scripts). They are essentially javascript files that are installed like an extension. At the top you define the domains for your script to run on and you have access to modify the DOM. There are lots of examples at http://userscripts.org/ . Load a few in chrome and then take a look at the user.js file source to see how they work.
You could also do it via a Bookmarklet, however they are more of a hack compared to Greasemonkey scripts
It's called the content scripts in Chrome extension.

Resources