二分之一

Just Jason's Blog

opera

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协议包的发送,

抓包功能非常难用。

Read more »