Reputation: 3493
I'm trying to develop a Google Chrome extension.
When the user clicks the extension button, a small window will appear (not window.open
/ pop-up) and will display the web page. I have basic JavaScript knowledge, and I heard it's possible with JavaScript. So, I want to show my website in limited size window. How can I do that in a simple way with JS/HTML/CSS?
An example (not the same thing, but it's close): A google chrome extension which is showing in a custom window
Thanks for any input.
Upvotes: 0
Views: 4102
Reputation: 2065
What you're looking for is called a popup
. Check out the Chrome Extensions getting started tutorial for more info.
http://code.google.com/chrome/extensions/getstarted.html
The popup opens an HTML page and resizes to fit your content. So the simplest way to show an external url in a extension popup would be to place an iframe
in your popup source:
<iframe width="800" height="600" src="http://www.google.com"></iframe>
Upvotes: 5