cross-browser

问题 Is there a HTML character that, on all (major) browsers (plus IE8 sadly) displays nothing and doesn't add any extra space? So, an alternative to   but which doesn't add whitespace to the page, and which won't ever show up as an ugly "unrecognised character" marker or ? . Why: in my case, I'm trying to work around a problem on an old, proprietary CMS that is removing empty but necessary HTML elements that are required because other parts of the system will fill them dynamically. Imagine

问题 I just found out about the Yahoo UI Reset CSS tool/file and I'm using it on my website. On my machine I have Internet Explorer 7 and Firefox 3.01 and my webpage looks the same on these two browsers. A friend is using Internet Explorer 6 and the page is completely a mess. I have two questions: Am I that poor/stupid in writing CSS? How can I test my webpage using different browsers on my machine? 回答1: If you are not particular about testing in your machine, you could try http://browsershots.org

问题 I need to check if a CSS rule exists because I want to issue some warnings if a CSS file is not included. What is the best way of doing this? I could filter through window.document.styleSheets.cssRules , but I'm not sure how cross-browser this is (plus I notice on Stack Overflow that object is null for styleSheet[0] ). I would also like to keep dependencies to a minimum. Is there a straightforward way to do this? Do I just have to create matching elements and test the effects? Edit: If not,

问题 I'm trying to detect if an html element I gave an id is visible or not without using jquery. The context: In the forgotten user password page, I have a form where the user enter his login name and clicks on submit. After that, if he has set a challenge question, it will be shown and he will be able to answer this question and submits again. (same button before). My problem: when the user clicks on submit, in IE, if he clicks on it several times, he'll get one e-mail for each time he clicks on

问题 I'm using prototype.js for my web app, and I have everything running on Chrome, Safari, and Firefox. I am now working on IE8 compatibility. As I've been debugging in IE, I've noticed that there are Javascript events for which I have previously set an observer on the window, e.g. Event.observe(window, eventType, function () {...}); (where eventType might be "dom:loaded" , "keypress" , etc.) and it works just fine in Chrome/Safari/Firefox. However, in IE the observer never fires. In at least

问题 Is anyone aware of a definitive list of areas of missing support for ECMAScript/JavaScript in the major browsers (I'm talking IE7+, Firefox, Chrome, Safari and Opera). Obviously we do feature detection in our code, but I'd like a list of features that we need to perform detection on ideally. 回答1: Some commonly referenced sources are Great compatibility tables at QuirksMode. Some of them are being updated recently. Kangax sums up ES5 support very well. Microsoft released reports of IE

问题 Is anyone aware of a definitive list of areas of missing support for ECMAScript/JavaScript in the major browsers (I'm talking IE7+, Firefox, Chrome, Safari and Opera). Obviously we do feature detection in our code, but I'd like a list of features that we need to perform detection on ideally. 回答1: Some commonly referenced sources are Great compatibility tables at QuirksMode. Some of them are being updated recently. Kangax sums up ES5 support very well. Microsoft released reports of IE

问题 On my Windows machine -- I typically test different versions of Internet Explorer using an array of Virtual Machine instances (which obviously requires a fair amount of investment in time and money). In a pinch I have also used IETester -- which at times can be a little unreliable. However, I just discovered IE Collection and was wondering if people have used it -- and can I rely on it for web page testing purposes? Would love to know what you think. 回答1: IE isn't designed to be installed

问题 According to IE website SVG is supported. And according to this answer too What are SVG (Scalable Vector Graphics) supported browsers? http://jsfiddle.net/jitendravyas/2UWNe/show/ <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="100%" height="100%" viewBox="0 0 480 360" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="button_surface" gradientUnits="objectBoundingBox" x1="1" x2="1"

问题 With IE 10 testing my website on older versions of IE was very easy and always worked as it should, I just went to the developer tools, picked the version I wanted from the menu and I had no problems. Now, after upgrading to IE 11 I encountered some problems with this method of testing. First, stuff I put inside HTML comments like <!--[if lt IE 10]> don't show anymore. Second, the same website that I tested a few days ago on older versions of IE with IE 10 looks very different when doing the