自定义404页面不显示_百度知道让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法
起初，IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后，它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战，但事实情况是，新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的IE浏览器。下面提到的三种方法能快捷轻松的让你的HTML5&CSS3网站在微软的主要浏览器中也能神奇的运行！
htmlshiv.js
Remy开发的工具能利用JavaScript在老式IE里创建main，header，footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理？你可能花几天也想不明白，但谁在意呢！这个脚本几乎是所有正式网站必用的js。
&!--[if lt IE 9]&
&script src="dist/html5shiv.js"&&/script&
&![endif]--&
selectivizr.js
是一款神奇的工具，它能提供大量IE不支持的CSS选择器和属性，包括所有的last-child选择器。最近在网站改版过程中，我使用了selectivizr，网站竟然可以毫不走样的在老式IE浏览器的正常显示。下面是我使用的代码片段：
&!--[if lte IE 8]&&script src="js/libs/selectivizr.js"&&/script&&![endif]--&
现代新技术WEB项目不可缺少的js库。它只会在老式IE里加载。
&html&条件判断注释
你一定见到过这种极其丑陋的条件判断注释。然而，丑虽丑，它却能让你的网页能按你希望的方式运行：
&!DOCTYPE html&
&!--[if lt IE 7 ]& &html class="ie6" lang="en"& &![endif]--&
&!--[if IE 7 ]&
&html class="ie7" lang="en"& &![endif]--&
&!--[if IE 8 ]&
&html class="ie8" lang="en"& &![endif]--&
&!--[if IE 9 ]&
&html class="ie9" lang="en"& &![endif]--&
&!--[if (gt IE 9)|!(IE)]&&!--& &html lang="en"& &!--&![endif]--&
这段代码不需要JavaScript，不需要等待JavaScript的加载，你定义的CSS样式会立即生效起作用，没有那种因为加载延迟而出现的样式闪变。
虽然IE在奋起直追它的那些竞争对手，但现实情况是老式的IE浏览器仍然相当普遍，特别是在那些发展中国家。欣慰的是，上面的这些工具在所有浏览器里都可以使用。
相关文章：
扫一扫二维码分享：查看: 6913|回复: 10
有些网页显示不正常
B8@GK9`SBQ7`K0Z]3XVZ8JW.jpg (12.93 KB, 下载次数: 0)
17:39 上传
QQ图片12.jpg (14.38 KB, 下载次数: 0)
17:39 上传
比如淘宝这个页面 和IE对比。。
narutovsop
给个链接看看，另外有没有试过隐身模式
narutovsop 发表于
给个链接看看，另外有没有试过隐身模式
narutovsop
gg骄 发表于
新页面是什么，没找到截图的部分，难道需要登陆才能看到
narutovsop 发表于
新页面是什么，没找到截图的部分，难道需要登陆才能看到
...部分人是新页面 部分是老的
narutovsop 发表于
给个链接看看，另外有没有试过隐身模式
我的也有这种问题&&看
_134100.png (179.31 KB, 下载次数: 0)
13:43 上传
narutovsop
gg骄 发表于
...部分人是新页面 部分是老的
哦，找到了，那个顶部的切换图片被ADB干掉了，看了一下那个地方显示的是一个符号，例如&#61505，在Chrome下显示，特殊字符会被直接转换，而页面里好像对这个代码进行了处理，这个代码貌似是用来获取图片的编号，具体的不是很懂，不过Chrome下则是直接把这个代码解析出来了，而ie则没直接解析，貌似是通过一下处理获取了到了图片，直接审查元素和查看源代码对比就可以看到区别
narutovsop
本帖最后由 narutovsop 于
14:08 编辑
我的也有这种问题&&看
给个链接看看
另外，请注意回帖质量，请勿短时间发布较多空洞的回复
narutovsop 发表于
给个链接看看
narutovsop
网页问题，图片的src设置的是，即一个空白图片，网页对图片做了延迟加载处理，按理说应该是有个js会进行一个处理的，但下的两个js出现异常，所以无法加载正确的图片，可以用个简单的脚本修复
(482 Bytes, 下载次数: 46)
15:02 上传
点击文件名下载附件
更多不同网页取消延迟加载可以使用
(1.07 KB, 下载次数: 49)
15:02 上传
点击文件名下载附件
Copyright & KaFan & All Rights Reserved.
Powered by Discuz! X3.1( 苏ICP备号 ) GMT+8,谷歌浏览器之高级设置(让谷歌浏览器也能打开手机网页)
很多人都在用谷歌浏览器了吧（如果没有，或者还不是最新版，请点击下载最新版谷歌浏览器），不知你有没有深入研究谷歌浏览器呢？下面我介绍下谷歌浏览器的一些高级设置。
1、开启即时搜索
进入浏览器设置菜单：在地址栏输入（如果你安装了&，点击ChromeAccess&图标，选择“Settings”即可，更多精选扩展请点击）
，或者点击地址栏最右侧的扳手菜单，选择“选项”，在“搜索”条目中勾选“启用即搜即得，实现更快速的搜索和浏览，第一次选中时会有提示，确认即可。（这个或许大家已经知道了，下面有更精彩的！）
2、开启浏览器同步功能
进入浏览器设置菜单，然后选择右侧的“个人资料”，在同步条目中点击“设置同步”，然后输入自己的gmail邮箱帐号密码（如果你没有gmail，请点击创建gmail帐号。即使你不用谷歌的gmail邮箱，为了谷歌那么多优秀的服务，你也值得拥有一个gmail帐号），登录之后默认同步所有浏览器资料，包括设置、书签、扩展等，你也可以自定义的。这样，你重装谷歌浏览器，或者在别的电脑上使用谷歌浏览器，你都可以使用你的gmail来同步浏览器资料！
3、开启实验性功能
在地址栏输入（如果你安装了&，点击ChromeAccess&图标，选择“Flags”即可，更多精选扩展请点击）。每个实验性功能默认是禁用的，如果有你需要的功能，点击启用，然后重启浏览器就可以使用了。建议只开启自己会用到的功能，实验性功能可能会导致浏览器不稳定，开启太多的实验性功能会增加浏览器的崩溃频率，所以要慎重！如果你开启了实验性功能，并且不慎让浏览器打不开了（一打开就自动关闭），不用担心，进入谷歌的安装目录（win7路径X:UsersadminAppDataLocalGoogleChrome
将admim换成你系统管理员名字；xp路径X:Documents and SettingsAdministratorLocal
SettingsApplication DataGoogleChrome 其中X为你的系统盘），删除User
Data目录就OK了！删除User
Data目录会删除所有的用户数据，包括扩展、书签、偏好设置等，建议先备份，或者使用2里介绍的浏览器的同步功能！
4、转移浏览器缓存文件位置
谷歌浏览器安装时会静默的安装在系统盘，而且还不是安装在一般软件都会安装的Program
Files文件夹内，这个已经让很多人不满了，再加上缓存文件的位置在浏览器选项里也找不到设置的地方，这更叫很多使用谷歌浏览器的人抓狂了。其实可以通过在快捷方式中追加参数的方式来设置缓存位置的。
右击谷歌浏览器快捷方式图标，选择“属性”，在“目标”里的末尾追加参数
&disk-cache-dir=”G:TempChrome”
（注意：参数是以两个英文状态下的“-”开头，并且全为英文字符，由于博客问题，只显示为一个“-”，请见谅，下同！）
G:TempChrome即为你所设置的新的缓存位置。
每次你都通过这个快捷方式打开浏览器，缓存文件就会放在G:TempChrome目录下了！
你也可以使用参数
&user-data-dir=”G:TempChrome”
（注意：参数是以两个英文状态下的“-”开头，由于博客问题，只显示为一个“-”，请见谅，下同！）
将你的用户资料（包括缓存）放到G:TempChrome目录下。
同时你也可以用同样的方法，添加
&disk-cache-size=**
（注意：参数是以两个英文状态下的“-”开头，并且全为英文字符，由于博客问题，只显示为一个“-”，请见谅，下同！）
来设置缓存文件的大小（将**换为数字，单位为字节）
还有一个通过命令行方式来设置缓存位置的方法，不推荐。
5、使用谷歌浏览器浏览wap手机网站（更改浏览器UA）
5.1新方法(updated
打开chrome,新建一个标签(快捷键Ctrl+T)
使用快捷键Ctrl+Shift+I或Ctrl+Shift+J(也可以点击地址栏右侧的chrome菜单-&工具-&开发人员工具)打开开发人员工具
按下F1键(也可以点击弹出的开发人员工具面板右下角的小齿轮图标)打开设置
选择左侧的Overrides,选中“User
Agent”复选框，在下拉列表中选择移动设备的UA(iPhone
iOS5)，也可以选择“Other…”然后在右侧输入5.2列出的其他UA
在地址栏输入你想访问的网站，即可以伪装成移动设备来访问网站。
使用本方法修改UA只影响当前标签，推荐使用该方法。
同 4 所说放的方法一样，通过在快捷方式后添加参数的方式实现。
你可以将已有的快捷方式复制一个，方便自己浏览网页！
将浏览器伪装成iPhone3来浏览手机网页，在快捷方式末尾添加参数：
&user-agent=”Mozilla/5.0
(iP U; CPU iPhone OS 4_0 like Mac OS X; en-us)
AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5
Mobile/8A293&P
（注意:参数是以两个英文状态下的“-”开头，并且全为英文字符，由于博客问题，只显示为一个“-”，请见谅）
其他UA（将以下内容替换上面引号里的东东就可以了）
Chrome 5：
Mozilla/5.0
(W U; Windows NT 5.1; zh-CN) AppleWebKit/531.0 (KHTML, like
Gecko) Chrome/5.0.195.0 Safari/531.0
chrome 13 dev:
Mozilla/5.0
(Windows NT 6.0) AppleWebKit/534.36 (KHTML, like Gecko)
Chrome/13.0.767.0 Safari/534.36
Mozilla/4.0
( MSIE 6.0; Windows NT 5.1)
Mozilla/4.0
( MSIE 7.0b; Windows NT 6.0)
Mozilla/4.0
( MSIE 8.0; Windows NT 6.0; Trident/4.0)
Mozilla/4.0
( MSIE 9.0; Windows NT 6.1; Trident/5.0)
opera 10.54:
Opera/9.80
(Windows NT 6.1; U; Opera Now!; zh-cn) Presto/2.5.24
Version/10.54
6、其他的一些快捷方式参数
参数：&Firstrun
（注意:参数是以两个英文状态下的“-”开头，并且全为英文字符，由于博客问题，只显示为一个“-”，请见谅.下同）
将浏览器设置为首次运行状态，将浏览器设置为首次运行状态可以实现导入IE、Firefox最新数据的功能(这个在新版本中已经失效)。
参数：&incognito
设置浏览器直接从隐身模式启动，设置浏览器直接从隐身模式启动
参数：&force-https
只允许加载HTTPS安全站点，只允许加载HTTPS安全站点，普通HTTP站点不加载
参数：&disable-javascript
禁止Javascript运行，通过禁止Javascript脚本运行，可以屏蔽页面上的很多广告，但是谷歌日语输入法下载也可能导致一些非广告的单元不能显示。
参数：&disable-images
禁止显示页面图像，网速慢的可考虑
参数：&disable-Java
禁止Java程序运行
参数：&omnibox-popup-count=”num”
将地址栏弹出菜单的数量改为num个。注意num只能是一个阿拉伯数字，如30，则为&omnibox-popup-count=”30&P
，让一框多用更加强大!
用上面的谷歌浏览器打开手机网页功能的方法，可以实现手机或平板打免费电话的功能！
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。}