While developing a chrome extension, when the extension shows as a new browser window all the browser toolbars (back, refresh, bookmarks, etc.) are visible. I've seen extensions that open with this method, but don't have their toolbars. Does anyone know how to remove the browser toolbars and show a stripped down window?
For an example, check out the Hootsuite extension.
Chrome API: chrome.windows.create({type:'popup', url:'...'}); (see documentation for more options, such as width, height, etc.).
To use this API, you need to specify the "tabs" permission in the manifest file.
The Chrome extension API is a superset of JavaScript. In JavaScript, window.open can be used to create a window. In a Chrome extension, this is also possible. Hootsuite also uses this method, as seen in the source code:
window.open(address, "hootlet",'scrollbars=0,toolbar=0,location=0,resizable=0,status=0,width=550,height=280');
Related
While in dev-mode in my application, I would like to be able to have links on the page that automatically take me to a specific file in the Chrome Dev Tools.
Is there any way to generate a URL that when clicked in Chrome, opens the Dev Tools at the Sources tab and at the desired file ?
You are able to "inspect the inspector": How do you inspect the web inspector in Chrome?
Simply undock it, then inspect DevTools itself with ctrl+shift+i. Then head on over to the sources tab in original (first DevTools), inspect it, and get its URI from Elements.
Or use chrome://inspect/#other
Example URI (first part only):
devtools://devtools/bundled/toolbox.html?remoteBase=https://chrome-devtools-frontend.appspot.com/ser…
Your requirement is somewhat specific, so I don't think it is possible (at least not natively).
You probably can achieve what you want extending DevTools with an Extension (see the documentation). This way, you can make your page interact with the extension to make it open a specific panel in Chrome Dev Tools.
I'm trying to allow users to add an Adblock Whitelist via a Chrome extension. To allow this there is the API like such:
1) Add The Ebates WhiteList
However if I add that link to a Chrome extension popup window the link doesn't go anywhere. My guess is that the Chrome extension execution context isn't aware of Adblock/able to support that API. Is anyone who is more of an extension wizard than myself able to verify that I'm correct in my assumption and that there is no workaround? Thanks!
I'm looking to achieve something similar to Bitly's Chrome Extension. It's not exactly frameless but the style of the title bar is minimal. Also, unlike other types of windows, in Mac OS you can maximize the main browser window and spawn Bitly's window on top.
Neither window.open nor chrome.windows.create offer any options to remove the frame of a launched window. And when these windows are spawned from a fullscreen browser window (maximized) they are also maximized and cannot be used on top of the current browser window.
Chrome.app.window.create does expose the option to remove the frame but this only works for Chrome Apps and not extensions.
Neither of these potential duplicate questions sufficiently answer my question:
How do I customize the title bar of a popup in a chrome extension?
How to build an chrome extension like Google Hangouts (panels are deprecated)
Is it possible to have a webview application for a web page and load extensions in the application?
I have created a frameless wrapper for one of our web pages, so we can hide the chrome header. I am also using the stylebot extension to alter some elements in the page. It works fine inside chrome, but when I run the application the stylebot extension is not loaded.
Any idea how can I add the extension to the application?
Greatly appreciate your help on this
Thanks, Laszlo
A Google chrome extension have to be load in Google Chrome (or Chromium based browsers). The Google chrome extension API is not included in the webview engine.
You can open a frameless window with create method of the Google window API. You should add an handler to browser action click and create a window of with "popup" type and the url you want. It's not exactly what you are looking for but I don't know a better way to do it on Mac. Perhaps some one more familliar with that environement could help you.
An other far more complicated solution is to fork the Crhomium project and do what you want. But it demand a large developpement I think.
I'd like to display a window or a dialog box without a title bar from chrome extension. The extension plugs into file browser on Chrome OS. I've seen some examples that use jquery to accomplish this but all of them use browser tabs and are applicable to chrome browser. Tabs are not available to my extension so I'm not quite sure how to do that.