浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)

浏览器兼容性问题收集(IE, Firefox, Chrome, Safari) 本文主要收集了浏览器兼容性问题，涵盖了 IE, Firefox, Chrome, Safari 等多种浏览器的兼容性问题。这些问题都是 WEB 开发者们经常遇到的问题，了解这些问题可以帮助开发者更好地处理浏览器兼容性问题。 1. Firefox 不支持 innerText Firefox 不支持 innerText 属性，而是支持 textContent 属性来实现 innerText 的功能。开发者可以使用 textContent 属性来代替 innerText 属性。 2. 禁止选取网页内容 在 IE 中，可以使用 js 代码 `obj.onselectstart=function(){return false;}` 来禁止选取网页内容，而在 Firefox 中，可以使用 CSS 代码 `-moz-user-select:none` 来达到相同的效果。 3. 滤镜的支持 IE 和 Firefox 对滤镜的支持不同，IE 使用 `filter: alpha(opacity=10);` 而 Firefox 使用 `-moz-opacity: .10;`。 4. 捕获事件 IE 和 Firefox 对捕获事件的处理方式不同，IE 使用 `obj.setCapture()` 和 `obj.releaseCapture()` 方法，而 Firefox 使用 `document.addEventListener("mousemove", mousemovefunction, true);` 和 `document.removeEventListener("mousemove", mousemovefunction, true);`。 5. 获取鼠标位置 IE 和 Firefox 获取鼠标位置的方式不同，IE 使用 `event.clientX` 和 `event.clientY` 属性，而 Firefox 需要在事件函数中传递事件对象来获取鼠标位置。 6. DIV 元素的边界问题 IE 和 Firefox 处理 DIV 元素边界的方式不同，IE 中的 DIV 元素的宽度和高度包括边框宽度，而 Firefox 中的 DIV 元素的宽度和高度不包括边框宽度。 7. 判断浏览器类型 可以使用 `var isIE=document.all ? true : false;` 来判断浏览器类型，如果支持 `document.all` 语法那么 `isIE=true`，否则 `isIE=false`。 8. CSS 处理 Firefox 支持使用 `!important` 来优先使用 CSS 语句，例如 `{border-width:0px!important;border-width:1px;}` 在 Firefox 下这个元素是没有边框的，而在 IE 下边框宽度是 1px。 9. form 表单问题 IE 和 Firefox 处理 form 表单的方式不同，IE 可以使用 `document.formName.item("itemName")` 或 `document.formName.elements["elementName"]`，而 Firefox 只能使用 `document.formName.elements["elementName"]`。 10. 集合类对象问题 IE 和 Firefox 处理集合类对象的方式不同，IE 可以使用 `()` 或 `[]` 获取集合类对象，而 Firefox 只能使用 `[]` 获取集合类对象。 11. 自定义属性问题 IE 和 Firefox 处理自定义属性的方式不同，IE 可以使用获取常规属性的方法来获取自定义属性，也可以使用 `getAttribute()` 获取自定义属性，而 Firefox 只能使用 `getAttribute()` 获取自定义属性。 12. eval() 问题 IE 和 Firefox 处理 `eval()` 函数的方式不同，IE 可以使用 `eval("idName")` 或 `getElementById("idName")` 来取得 id 为 idName 的 HTML 对象，而 Firefox 只能使用 `getElementById("idName")` 来取得 id 为 idName 的 HTML 对象。 13. 变量名与某 HTML 对象 ID 相同的问题 IE 和 Firefox 处理变量名与某 HTML 对象 ID 相同的问题的方式不同，IE 可以使用变量名来访问 HTML 对象，而 Firefox 需要使用 `getElementById()` 方法来访问 HTML 对象。 这些问题都是 WEB 开发者们经常遇到的问题，了解这些问题可以帮助开发者更好地处理浏览器兼容性问题。