cross-browser | 易学教程

Browser-specific prefixes with a CSS transition on transform

阅读更多关于 Browser-specific prefixes with a CSS transition on transform

问题 According to caniuse.com, for those browsers that support both CSS transition and CSS transform , combinatorically there are at least three different types: Those that require the -webkit- prefix on both transition and transform (e.g. Safari 6, Android browser < 4.4). Those that only require the -webkit- prefix on transform (e.g. Chrome 3x). Those that require prefixes on neither (e.g. FF and IE10/11). How can I safely write my transition styles so that they are parsed correctly in each type?

Is it too early to use HTML5

阅读更多关于 Is it too early to use HTML5

问题 I was wondering if it it too early to use HTML5 for a production site. Should I rather wait 6-12 months until users have updated to compatible html5 browsers? This leads me to, how far back does the browsers support HTML5? 回答1: http://caniuse.com/ has an excellent overview of which features are available, on which browsers - and information on available Javascript/Flash workarounds. http://www.modernizr.com/ is an excellent library to detect which features are supported on the client browser.

How to prevent CSS declaration dropped errors cross browser?

阅读更多关于 How to prevent CSS declaration dropped errors cross browser?

Hi I would like to know how to easily prevent dropped errors from appearing from debugging software such as webdeveloper plugin in Firefox. I get errors such as: Warning: Error in parsing value for 'filter'. Declaration dropped. Warning: Error in parsing value for 'font'. Declaration dropped. I understand I get these errors because Firefox does not support these CSS properties, but how do I drop them before hand so Firefox does not attempt to read them in the first place? I know I can create a separate style sheet for every browser but that is a inconvenience. Is there a simple solution? I'd

Why is JavaScript inconsistent across browsers?

阅读更多关于 Why is JavaScript inconsistent across browsers?

Here's something I've been pondering after countless hours fixing JS to be cross-browser compatible (mostly IE): Why isn't Javascript consistent accross browsers? I mean, why can't JS be nice like Java and Flash? Instead, we have to resort to frameworks like jQuery. Don't get me wrong, they make my life easier - but why do they even exist in the first place? Is there a historical reason for this? Do companies rolling out browsers just ship their own JS engine? What are the politics that make standardization so difficult? (Note: I understand that a good part of the problem is DOM related, but

How can i clone an image in javascript

阅读更多关于 How can i clone an image in javascript

I'm trying to clone an image in javascript, bud without loading a new one. Normally new browsers will load an image once and there are several ways to use that image again. The problem is that when I test it in IE 6 the image will request a new image from the server. Anyone how has some info on how to do this in older browsers? 3 methods that not work: <html> <head> <title>My Image Cloning</title> <script type="text/javascript"> sourceImage = new Image(); sourceImage.src = "myImage.png"; function cloneImageA () { imageA = new Image(); imageA.src = sourceImage.src; document.getElementById(

Do I still need to test rendering in both Chrome and Safari if they both use Webkit?

阅读更多关于 Do I still need to test rendering in both Chrome and Safari if they both use Webkit?

问题 Is it necessary to test the rendering of my website in both Chrome and Safari despite the fact that both browsers implement the Webkit rendering engine underneath? Is this a cop out by developers or a valid assumption to make? I am specifically asking about whether the pages of my website will render the same in both browsers and whether my Javascript will work in both browsers. 回答1: There are some slight differences, so I would test in both. Some examples: By default Safari has 3rd-party

Do html5 data attributes need a value? [duplicate]

阅读更多关于 Do html5 data attributes need a value? [duplicate]

This question already has answers here : Are empty HTML5 data attributes valid? (4 answers) I am wondering if html data attributes actually need a value to be applied? I wonder this because often all we want to know is if the attribute is actually set to act as a flag. (sure we could use a class for this; but realistically unless you are going to style these items differently then the flags are more data than a semantic item). A perfect example of this is if we want a link to scroll to it's target instead of jumping our jQuery code might look like: $(document).on('click', '[data-scroll-link'],

What cross-browser JavaScript libraries exist? [closed]

阅读更多关于 What cross-browser JavaScript libraries exist? [closed]

I'm gearing up to do some Ajax style client-side JavaScript code in the near future, and I've heard rave reviews of jQuery when it comes to this realm. What I'm wondering is: What are all the cross-browser JavaScript libraries out there? What is the experience using them? ine An excellent resource is Jeff Atwood's post on JavaScript libraries . He lists: Prototype and Script.aculo.us jQuery Yahoo UI Library Ext JS Dojo MooTools Dori ALL the cross browser JavaScript libraries out there? You do realize that there are well over 100 libraries out there, so you should narrow this down a little, IMO

How cross browser is backbone.js?

阅读更多关于 How cross browser is backbone.js?

We are working with several browser types - on web, mobile, tablet and smart-tv. We are looking into backbone.js for our mvc. Is there any known cross browser limitations of backbone.js? c4urself I think this has less to do with Backbone then it has to do with the HTML and CSS you use. You can see a list of mobile uses of Backbone here: http://backbonejs.org/#examples . jQuery is commonly used together with Backbone and has a great track record of browser compatiblity. Check that out here: http://docs.jquery.com/Browser_Compatibility . See also the backbone test suite mentioned by lwburk I'm

Is querySelector supported by all browsers?

阅读更多关于 Is querySelector supported by all browsers?

I would like to know is querySelector supported by all browsers? is not what's alternate for it to use? I have tested it with IE8, FF3, Chrome 4. Its fine for me. I do not have old browsers. So i would like to know if old browsers will give problem to me or not? IE7< don't support it and IIRC IE8 has issues with namespaces. There's at least one more esoteric browser out there with major issues but I don't recall which it is. Basically there is no unified expression-based DOM method, and absolutely your best bet is to use a library (the ubiquitous "use jquery" answer, but you should at least