Opera下web前端开发两点小结
1、新版的opera安全机制
“公共因特网上的网页请求了内网的数据。处于安全方面的考虑,自动访问被阻止。” 如果你在开发过程中,部份资源是外网的,部份资源是内网的(通过HOSTS配置),可能出现意想不到的BUG,让你头疼。
比如: res.a.com/style.css (外网)
img.a.com/a.gif (配置内网IP的hosts);
style.css引用了a.gif,在opera下会引起a.gif显示不了的情况;
解决办法:
菜单 – 设置 – 首选项(ctrl+F12) – 高级 – 安全性 – 信任的网站 – 安全的内部主机 -将域名“img.a.com”添加到安全的内部主机列表中
重启浏览器,清除缓存,再次访问。
2、Opera下的开发调试
使用自带的工具:Dragonfly(蜻蜓),当前版本为1.1;
新版的opera已自带该工具,启动方法:ctrl+shift+I
Dragonfly下载:http://www.opera.com/dragonfly/
体验如下:
1、文档功能;
亮点功能是可以将当前DOM树导出,但iframe不能通过树节点一级级的展开,DOM树只显示一个HTML文档结构。
选择HTML元素,需在页面上右键“检查元素”,这点和Chrome类似,但firebug的箭头选择更加易用。
2、脚本功能;
只显示JS,不显示HTML,且可以将内联的JS分块显示,并能显示浏览器自带的脚本。
Firebug和Chrome,不能单独显示内联JS,会显示整页的HTML和JS。
两者各有优缺点。
3、网络功能;
亮点是可以自己组装HTTP协议,模拟HTTP协议包的发送,
抓包功能非常难用。