怎样可以很好地保证网页的浏览器兼容性

作者&投稿:有素 (若有异议请与网页底部的电邮联系)
怎样可以很好地保证网页的浏览器兼容性~

一、怎样可以很好地保证网页的浏览器兼容性:
尽量使用标准的网页布局方式,也就是符合W3C的布局,再加上css的使用也符合W3C的使用,推荐firefox,chrome,这样基本上,firefox,chrome,safari,opera,IE9都能表现一致,然后再针对IE8、7、6进行修改,这样完成一个页面下来,其实很少有地方需要你针对特定的浏览器进行兼容性修正。


二、怎么去解决浏览器的兼容西问题:
在开发Web APP的时候,开发机上面最好把主流浏览器都装上,比如说:Chrome、FF、safari、IE、IE Tester... 在大多数情况下,FF和Chrome差别不是很大。

2.开发过程中要注意,每做好一个样式,都要跑一遍所有要兼容的浏览器,这样虽然开发过程时间会比较长,可是会比你开发完成后再来改效率高得多,我曾经就碰到过一个产品,开发完成后由于兼容性问题导致其发展面很窄,最后不得不重新开发。3.如果真的碰到样式不兼容的情况,那么只能针对不同的浏览器做相应的调整。4.一些新的特效可能在一些版本落后的浏览器里不兼容,这个时候我们的原则就是:不求效果绚丽,只求工整规范 。5.多积累,多看看符合W3C标准规范的CSS手册和JS手册,注意积累,或者用一些开源框架,那样兼容性可以省下不少时间。

三、跨浏览器开发应该使用的一些经验:
1)一些关于跨浏览器/设备的工具1. modernizr.js 特性检测器,有就使用原生,没有就加载polyfill2. polyfill/shim 向后兼容的浏览器的js补丁,一般和modernizr一起用3. jshint.js js语法检测器4. Boilerplate 开发的最佳实践的初始模板5. 阅读第三方库关于最低版本支持6. 使用js单元测试,测试目标浏览器7. Responsive Design (针对屏幕大小)8. normalize.css 统一浏览器基本元素的风格2) 一个策略:把浏览器分两类:一类是历史遗留浏览器,一类是现代浏览器,然后根据这个分类开发两个版本的网站,然后自己定义那些浏览器是历史遗留版本,凡是历史遗留版本浏览器,统统使用历史遗留版界面,然后通过通告栏(信息通知系统)明确告知本版本有些功能不能使用,尽快转移到现代浏览器上。然后现代浏览器的网站版本,功能全开,提供最好的用户体验。3)最后手段:直接使用jReject.js这类插件,弹出有全黑蒙板的对话框,告诉用户这个网站什么版本的IE/浏览器不能用,请使用至少什么版本的IE,firefox和chrome.(这个是最后手段,以上方案都失效的情况下使用。)4)一个提醒:跨浏览器兼容问题,过去有,现在有,以后会更麻烦,所以这个问题在你的项目开始前,就必须确定下来最低支持的版本是什么,然后设计一个对应兼容方案。不要等开发完毕了,才告知要必须兼容个ie6啥的,那你的项目就有得好改了。5)面向未来:2015年es6就要正式完成了,等es6出来后,如何把es6的javascript向后兼容呢?这里我有个概念,还没实验过:1.使用es6编译器把代码导出成es5代码2.使用modernzr检查浏览器是否支持es6,支持用es6代码;不支持,用编译好的es5代码并且加载es6shim。3.使用grunt把es6编译过程完全自动化


手机浏览器没有兼容性视图模式,但是可以设置浏览模式。
打开浏览器,进入浏览器设置里面,选择浏览模式,一般有无,电脑模式,手机模式或者是无,Ipone模式,电脑模式等三种,从中选择一张即可。
浏览出现问题的时候,可以切换到电脑模式,同时关闭适应屏幕,重新刷新打开就可以了。

一、怎样可以很好地保证网页的浏览器兼容性:

尽量使用标准的网页布局方式,也就是符合W3C的布局,再加上css的使用也符合W3C的使用,推荐firefox,chrome,这样基本上,firefox,chrome,safari,opera,IE9都能表现一致,然后再针对IE8、7、6进行修改,这样完成一个页面下来,其实很少有地方需要你针对特定的浏览器进行兼容性修正。


二、怎么去解决浏览器的兼容西问题:

在开发Web APP的时候,开发机上面最好把主流浏览器都装上,比如说:Chrome、FF、safari、IE、IE Tester... 在大多数情况下,FF和Chrome差别不是很大。

2.开发过程中要注意,每做好一个样式,都要跑一遍所有要兼容的浏览器,这样虽然开发过程时间会比较长,可是会比你开发完成后再来改效率高得多,我曾经就碰到过一个产品,开发完成后由于兼容性问题导致其发展面很窄,最后不得不重新开发。
3.如果真的碰到样式不兼容的情况,那么只能针对不同的浏览器做相应的调整。
4.一些新的特效可能在一些版本落后的浏览器里不兼容,这个时候我们的原则就是:不求效果绚丽,只求工整规范 。
5.多积累,多看看符合W3C标准规范的CSS手册和JS手册,注意积累,或者用一些开源框架,那样兼容性可以省下不少时间。


三、跨浏览器开发应该使用的一些经验:

1)一些关于跨浏览器/设备的工具
1. modernizr.js 特性检测器,有就使用原生,没有就加载polyfill
2. polyfill/shim 向后兼容的浏览器的js补丁,一般和modernizr一起用
3. jshint.js js语法检测器
4. Boilerplate 开发的最佳实践的初始模板
5. 阅读第三方库关于最低版本支持
6. 使用js单元测试,测试目标浏览器
7. Responsive Design (针对屏幕大小)
8. normalize.css 统一浏览器基本元素的风格

2) 一个策略:
把浏览器分两类:一类是历史遗留浏览器,一类是现代浏览器,然后根据这个分类开发两个版本的网站,然后自己定义那些浏览器是历史遗留版本,凡是历史遗留版本浏览器,统统使用历史遗留版界面,然后通过通告栏(信息通知系统)明确告知本版本有些功能不能使用,尽快转移到现代浏览器上。然后现代浏览器的网站版本,功能全开,提供最好的用户体验。

3)最后手段:
直接使用jReject.js这类插件,弹出有全黑蒙板的对话框,告诉用户这个网站什么版本的IE/浏览器不能用,请使用至少什么版本的IE,firefox和chrome.(这个是最后手段,以上方案都失效的情况下使用。)

4)一个提醒:
跨浏览器兼容问题,过去有,现在有,以后会更麻烦,所以这个问题在你的项目开始前,就必须确定下来最低支持的版本是什么,然后设计一个对应兼容方案。
不要等开发完毕了,才告知要必须兼容个ie6啥的,那你的项目就有得好改了。

5)面向未来:
2015年es6就要正式完成了,等es6出来后,如何把es6的javascript向后兼容呢?这里我有个概念,还没实验过:

1.使用es6编译器把代码导出成es5代码
2.使用modernzr检查浏览器是否支持es6,支持用es6代码;不支持,用编译好的es5代码并且加载es6shim。
3.使用grunt把es6编译过程完全自动化






如果浏览器自身兼容性很好的话,那网页的兼容性自然就是好的。
QQ浏览器是一款系统兼容性很好的浏览器,首先基本可以兼容各种电脑系统和浏览器插件等,
而且登陆正常的网站基本是没有限制的,而且采用双核智能切换,喜欢网上购物的用户登陆
网银付款网页也不用担心网页不兼容问题,还能支持多个网页同时运行呢!

你好,对于浏览器,我个人感觉QQ浏览器兼容性是比较好的。我现在一直在使用QQ浏览器最新版本,其最主要特点就是兼容性好,可以轻松进入各个网站。并采用先进的内核,上网速度快,几乎0秒启动,还能有效屏蔽不良信息,避免有害网站的干扰,安全稳定。内容丰富,功能完善。
希望您采纳!

网页设计应该注意什么??
答:4、平台的兼容性:最好在不同的浏览器和分辨率下进行测试,基本原则是确保在IE 5以上的版本中都有较好效果,在1024×768和800×600的分辨率下都能正常显示。此外,还需要在网页上尽量少使用Java和ActiveX编写的代码,因为并不是每一种浏览器都能很好地支持它们。5、打开速度要快:相信大家都遇到过这样...

浏览器内核哪个好
答:最好的浏览器内核是Chrome内核。以下是对Chrome内核优势的 一、性能优势 Chrome内核以其出色的性能和速度而闻名。它拥有高效的代码执行能力和优秀的渲染技术,使得网页加载速度快,响应迅速。此外,Chrome内核在JavaScript的执行上表现优秀,能够为用户提供流畅的网络体验。二、兼容性良好 Chrome内核能够很好地...

...我说的是免费的。除了在自己网站发软文还有别的吗
答:如果给网站打上水印,放上网站地址,积极地让别的站引用图片,提高网址曝光率,那么宣传效果是很好。水印法,包括图片水印法、视频水印法、网页水印法……18、视频源flash 网站推广如今的视频网站,都提供外部的访问接口。在别的网站、日志引用这些视频的同时,直接宣传了网站,扩大了网站的影响力。19、付费推广网站推广如果...

请教高手:网络正常,电脑上百度知道,百度百科等均可以访问,只有...
答:首先保证电脑能上网,能正常打开百度的首页,能在线播放flash,这种情况下还是不行,最有可能的原因是网络参数不太匹配,具体表现为同个局域网里基本都不能打开百度文库,打开某些网页特别慢或者浏览器提示一直加载,即便网页已经看起来很完整了;通过本人个人摸索以及借鉴网络大神们的智慧,现将经验分享如下:...

设计自适应网站页面时应注意哪些事项
答:一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。9、多学习和使用HTML 为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者...

为什么我的电脑浏览网页很慢
答:b、如果阁下只使用win 2000的话,建议将文件系统格式转化为NTFS格式,这样一来可节省硬盘空间,二来稳定性和运转速度更高,并且此文件系统格式有很好的纠错性;但这样一来,DOS和win 9x系统就不能在这文件系统格式中运行,这也是上面所说做双启动最好要用FAT32格式才能保证资源共享的原因。而且,某些应用程序也不能在此...

手机浏览器哪个不受限制使用排行榜2023
答:还自带百度网盘、百家号、百度阅读、百度地图等各种功能,更重要的是它不会限制网站域名,几乎所有网页都能打开。五、edge浏览器微软最新的浏览器手机版,能够支持微软账号登录,同步手机和电脑上的数据信息,还能保护用户的隐私安全,很好地保证在手机上打开各种不同页面内容,不受到系统限制。

网页只能显示文字怎么办?
答:更换浏览器或设备:如果以上方法都无法解决问题,那么可以考虑更换使用另一个浏览器或设备进行访问。可能是当前浏览器无法很好地处理该网页。调整显示设置:检查浏览器的显示设置,确保图片显示选项已启用。可以尝试在浏览器设置中更改显示设置,或者使用快捷键Ctrl+Shift+P(Windows)或Command+Shift+P(MacOS...

怎么给网站引来流量?/
答:这样只要博客有更新,他们都能自动获知更新,这是一个既保证他们能阅读更新文章也促使让他们定期访问网站的好方法。 8.利用Feedburner。如果想方便管理RSS,就应该注册一个Feedburner账号。这项服务完全免费,还有许多有用的功能,比如统计订阅用户信息,拥有各种自定义选项等等功能。Feedburner还能让博客输出内容很好地和大部分...

为什么网络不是很好呢,打开一个网页总是那么慢,总要个一两分钟,急急...
答:软件故障主要是由于用户不了解计算机知识,在使用过程中误操作,导致操作系统出错或拨号软件损坏而无法上网;用户浏览一些网页后,系统出现问题,在处理时不慎将备份的拨号软件删掉;微机重装系统后,没有安装拨号软件等等。这些软件故障只要重新安装拨号软件即可排除。8.某一网站长时间网页打不开。 原因是在...