Google Chrome plugin - plugins

How does one go about embedding an application inside a web page shown in the Google Chrome browser like Adobe does with its Flash Chrome plug-in ? Is there an Api available to create Google chrome plugins ?
Thanks

Chrome (and many other browsers) support the Netscape Plugin API (NPAPI)

You can also take a look at this book Programming Netscape Plug-Ins

If you need something that works cross-browser (firefox, chrome, safari, and ie), you could look at firebreath: http://www.firebreath.org
The disadvantage to using a plugin is that users have to download and install it before it will work.

Related

How can i troubleshoot web page on IPhone?

I have been working on a web site that i want to work on any device. It works great on all my devices except my work IPhone. Is there any kind of console or other trick I can use to troubleshoot why it is not working? Something like chrome and firefox ctrl+shift+j would be nice.
In Chrome Dev Tools you can emulate a multitude of devices with differing resolutions and other limitations: Sitepoint blog regarding emulation
you can attempt to use emulation using most any browser F12 or Inspect or the multitude of online ones (google it)
In chrome on PC hit f12 then Ctrl-shift-M

Is there a phonegap iphone emulator

Is there a way to test PhoneGap projects on various iPhones using an emulator. I am using the PhoneGap Build website.
I can do this easily with Appcelerator projects but can't see how to do this with PhoneGap.
#Bill,
There are several classes of emulators that you can use for Phonegap, and all mobile development.
webbrowsers in emulation (responsive) mode
Wienre (comes with server)
Ripple (work with Google Chrome)
IDE (eclipse, Android Studio, etc.
On #1, Google Chrome is the most popular and there are several plugins, Ripple being the most popular. Firefox has plugins and most people use Firebug. The browsers are mainly use for UI development. They all to a varying degree have WEB API access(1), which is good for testing but requires side steps to integrate with phonegap (so most people only do rudimentary testing with Web API). Firefox ctrl+shft+m ; Google Chrome ctrl+shft+i (then look for phone icon)
On #2, Weinre (pronounced winery), launches a window in emulator mode and has access to the console. This allows additional messages, more than in webbrowswer emulation mode.
On #3, Ripple is a favorite because it works with Google Chrome. It is similar to Wienre, but has no server.
On #4, Many of the mentioned IDEs have an emulator built in, or use an SDK to accomplish the same task.
Added Sept 1, 10:30pm PDT
There is this also.
What IDE for Phonegap? Is Eclipse enough? [closed]
Which IDE for Phonegap? Is Eclipse enough?
Best of Luck
Jesse
Footnotes
#1 - Many of the plugins have an API base on Web API.

Best way to implement favicons for both modern desktop and mobile browsers?

Im trying to implement a favicon for a website for both mobile and desktop browsers.
AFAIK, the best way, for all desktop browsers, is currently placing a favicon.ico in the root directory of the website.
For latest version of desktop browsers, this is currently working for Chrome and Firefox. It does not work for Internet Explorer.
For mobile browsers, it does not work in Android nor in iOS.
This is what the favicon looks like in Chrome on Android:
http://i.imgur.com/qwnO4JX.png
Is there a better way to do it? How can I do it for mobile browsers?
Basically preparing a favicon could be a part of Grunt task for example like grunt-favicons.
Anyway if you just need some `best practices` you could refer to the resources like this. And you could use online tools to prepare favicons with all needed markup and explanation: realfavicongenerator.net
Also refer to this question: Favicons - Best practices

How to develop an Opera Mobile plugin?

I'm totally new to opera mobile addons. Can someone suggest me a site which can help me to get started?
I'm currently using a Sony Ericsson P990i. It is loaded with Opera Mobile 8.65.
I type "opera:plugins" in the Opera Mobile address bar; it showed me the list of plugins installed.
So, I'd like to develop plugins for my personal use.
Is there any tutorial/examples of Hello World for opera mobile plugin development?
Till recently we in Opera did not have the ability for running extensions in Opera Mobile. We have recently released a labs build with support for extensions http://dev.opera.com/articles/view/extensions-opera-mobile-labs/
The way to create Opera extensions is documented here http://dev.opera.com/articles/view/getting-started-with-opera-extensions/ The idea is to create extensions, and not exactly worry about desktop or mobile. Just creating nice extensions regardless of platform.

Plugin for Opera. DOM-tree modification

I want to create a plugin for opera that modifies tha DOM-tree after the page have been loaded. Does opera have an appropriate plugin API?
Opera now has an extension API. Here's a link to a documentation entry point: http://dev.opera.com/articles/view/opera-extensions-hello-world
Opera supports the NPAPI plugin API (whic powers flash, java, etc), but I suspect you are referring to an extension API like Firefox, Chrome, and Safari have. Opera does not have a comparable extension API.
Edit by Hallvord: this answer is outdated. While correct at the time, Opera has now developed extensions support.