I built a Greasemonkey userscript for Firefox and Chrome, and I now want to convert it to a Safari extension and an Opera extension.
Are there any compilers out there like Arantius' Greasemonkey-to-extension compiler but for Opera or Safari?
Take a look on http://kangoextensions.com/ it supports all the browsers you want. You can start with this post http://kangoextensions.com/blog/modifying-content-of-web-pages-using-jquery/ showing how you can create a content script and use jQuery in it.
There isn't a good compiler for converting userscripts into Safari or Opera extensions. Some userscripts work on Opera though, and there are some older Safari extensions that run some userscripts, but I don't hear good things about them.
Related
I went to https://github.com/happyworm/jPlayer/blob/master/examples/pink.flag/demo-02-video.html and copy and pasted the code from the example and made a simple node.js server to serve the page. However the video does not play. Instead I get the warning, Update Required To play the media you will need to either update your browser to a recent version or update your Flash plugin.
I have the newest browsers so shouldn't html5 work and I thought the point of flash in jplayer was to support older browsers that don't support html5. So why won't jplayer play on the newest versions of firefox, chrome, and safari on Mac OSX 10.10.3?
Here is a list of browsers I tried, note, chrome canary is the official nightly build from google.
chrome canary version 45.0.2451.0
normal chrome 43.0.2357.132
firefox 39.0
safari 8.0.6
I also tried with safari on my iphone running IOS 8.4
But jplayer does not play on any of these browsers.
I have finished designing my website but it displays differently on firefox, chrome and internet explorer. I believe i have done everything right but i dont know what is happening. Actually, google chrome displays it as i want it to, but firefox and internet explorer does not. My internet explorer version is 10 and firefox is 29. Please any help is much appreciated. thanks
This is the link to hosted site: http://www.ruebenpersonal.netai.net.
http://pastebin.com/xTnXeGhq - Link to the html source code.
Some browsers are uses the same rendering engine and some are not.
For example:
Google Chrome and Safari browsers are using : Webkit Engine (See: http://www.webkit.org/)
Firefox is using Gecko Engine (A.K.A. Moz) - (See: http://en.wikipedia.org/wiki/Gecko_(software)
Opera is using : Presto (See: http://www.opera.com/docs/specs/productspecs/)
So differences between rendering engines are normal. Which is why we are using their css properties like;
-webkit-border-radius /* For Webkit */
-moz-border-radius /* For Gecko */
-o-border-radius /* For Presto */
border-radius /* For IE9+ */
Some older browsers like Internet Explorer 6, 7, 8 are not giving support for most of CSS3 methods. To enable that methods, there are available to use JS engines like html5shiv or modernizr.
Note: You can use a service like this to generate starter templates that supports almost every browser.
Initializr: http://www.initializr.com/
Each browser uses different rendering engines. This means that certain HTML elements, CSS styles, etc. will be interpreted differently or not at all by browsers that do not share the same rendering engine.
To understand more, I would refer to this link: http://taligarsiel.com/Projects/howbrowserswork1.htm
As far as developing for multiple browsers, I would look into the modernizr javascript library, http://modernizr.com/, and for quick reference, caniuse.com.
Hope this is helpful.
The Browser Safari falls under Webkit or not? Please do clarify my doubt at the earliest. If it is not falls under the category of Webkit, what steps would I take to write in CSS. I mean the syntax of CSS for Safari Browser Like -moz for Filezilla and -webkit for Chrome?
Safari is webkit based. In fact safari was the first browser to use webkit and the open source it. The -webkit should work.
You can read more here:
http://en.wikipedia.org/wiki/Safari_(web_browser)
http://www.webkit.org/
I checked on http://caniuse.com/ but can't find anything about compatibility for the vibration API.
Which browsers support it?
Update [2014-03-07]: The Vibration API is now supported by Firefox, Chrome, and Opera. I've also made this information available on on caniuse.com.
Based on this article:
The Vibration API is still primarily unsupported. Firefox 16+ is
currently the only browser with support for the API.
According to Mozilla Developer Network it is supported in Chrome with prefix webkit, in Firefox 11+ with prefix moz and in Firefox 16+ without any prefix.
But as you can check in this Issue in Chromium as of now it is not supperted in Chrome and they seem to be in no hurry as Priority is 2(Normal).
It is not supported in Android strock browser as of now.
Anyone know of one? Firefox and Chrome get it right; Opera just displays a square +.
No need for a polyfill anymore; the latest dev build of Opera brings support. :)