Creating a bottom bar/panel on Google Chrome - google-chrome

I'm trying to create a Google Chrome extension with a bar that appears along the bottom like the Chrome "Developer tools". I dont want to use content scripts, if possible. Does chrome extension provide any way to do this.

You can create a panel IN the developer tools using the devtools API but it sounds like you want something separate from that.
The bad new is, unfortunately, there is no way to do this with out content scripts - Chrome is very strict on what it allows you to do. Why, may I ask, do you not want to use content scripts?

Related

Google Chrome Extension to handle certain links

I need to create a simple Chrome extension that will open telephone links in Gmail with a certain application (Cisco Jabber) instead of the default (Google Hangouts).
I've tried doing some research and haven't found anything that indicates this is possible. Is this something that a Chrome extension can do? If so, can someone point me in the right direction on how to get started, please?

How to access Gmail messages selected (checkbox)

I am trying to build an Add-On for gmail which will perform some actions on a set of messages selected by the user.
Looking at the gmail Apps Script API, I cannot see a method that allows me to do that.
I've noticed that some AddOns operate on selected messages, just like what I want to do. See picture below...
The checkboxes (highlighted in green) tell the AddOn what to operate on.
What am I missing?
The opened menu has options to forward the messages selected by combining them.
Also, I noticed that this AddOn is placed by google along the top. The same happen to the boomerange AddOn. The AddOn I am developing, always appears on the right hand side (pink arrows).
How can you place your addOn along the top menu?
The items you reference with the orange arrows in the image are not Gmail Add-ons, they are actually Chrome Extensions. Chrome Extensions are installed in the browser and they can add functionality by manipulating the DOM (Document Object Model) of a webpage. The chrome extension in question is probably specifically targeting chrome tabs with Gmail loaded and injecting content in the respective pages.
If you want to learn more about developing Chrome Extensions check out the following documentation:
https://developer.chrome.com/extensions/devguide
And for developing gmail specific Chrome Extensions you might want to check out the InboxSDK framework linked below:
https://www.inboxsdk.com/

Create a chrome extension which modifies a web page?

every time I go to a particular web page I hit F12 delete a node and uncheck a few absolute position boxes on two others. I would like to know how to do this with a chrome extension.
I have not made a chrome extension before so I thorough guide to making one would also be appreciated
I recommend you to read this guide first as Google suggests.
http://developer.chrome.com/extensions/getstarted.html
Also, I think in order to implement what you want to do, you'll need to use page action.
So, take a look at this page about page action.
http://developer.chrome.com/extensions/pageAction.html

accessing a chrome extension from outside the browser

Is it possible to access a Chrome Extension from outside the browser?
I would like to be able to run a command from my text editor (MacVim) that refreshes the page on which I am working. From reading the Chrome Extension documentation it looks like I could try something really hack-y, like opening a page that uses Chrome message passing to refresh another page, but there does not seem to be a strait-forward way to do this.
I am running Mac OS X. I've tried the shell command:
$ open <url>
But that opens a new tab every time in Chrome, so this doesn't help when I'm using the developer tools
You are right, there is no straight forward solution.
Your hacky approach is the simplest way to go. Only instead of messaging I would put a tab creation listener into background page, and when a tab with some special URL is created (http://example.com/?do=refresh) - close it and refresh the next selected tab. You will see new tab flickering, but that's as good as it gets.
You can also look into using WebSocket API, for which you would need to write a server side app (which you need to call from your editor somehow). Not sure how this all might turn out.

HTML5 Chrome supported popup Dialog box?

I'm wondering is there anyway of creating a dialog box for a Chrome extension using HTML5 or otherwise? basically I'd love to have a dialog box that looks more elegant than just creating a new window. Is there anything available to do so I'm attempting to create a popup effect.
Challenge / Issue:
1) Chrome was not supporting windows popup
Reason:
Google Chrome no longer supports window.showModalDialog, breaking several enterprise apps such as OWA, EAC, SAP, and others.
Why:
1) Google decided to deprecate window.showModalDialog in Chrome 35 due to its related code complexity
2) Google believe that showModalDialog is a “bad API” that, according to their measurements, is not used extensively
Immediate Solution:
The immediate solution is to switch to IE or Firefox. For those willing to stay on Chrome, one way to temporary solve this problem
is to enable this deprecated feature in Enterprise Policy settings, which can be done only until April 30, 2015
(http://www.bugdebugzone.com/2014/08/sitecore-modal-pop-ups-are-not-working.html)
Another approach:
Another partial solution is using a ShowModalDialog polyfill as explained in this post, but some of the functionality
is still not restored.
Approach our team adapted:
Work with Window.Open method and tweak the javascript code to adapt this method to refresh the parent window and pass values to and from.
I think the best way to do this would be to inject a <div> into the page and position / style it using CSS. It is possible to include other JavaScript libraries with your plugin, so, you could look into using jQuery UI's Dialog.