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协议包的发送，
抓包功能非常难用。
最后修改时间：2014年9月8日星期一晚上8点57