Tilt 是一个将页面按照文档树的结构3D化的Firefox插件。它基于WebGL，看起来非常的酷，今年七月当 tilt发布第一个alpha版 的时候，我就被它惊艳的效果吸引了。时隔3月之后，这个插件发布了新的更新，同时Mozilla也发了篇新文章 Debugging and editing webpages in 3D。
下面是我的网站在Firefox7下使用tilt的效果，3D效果把整个网页的层次展现的非常直观：
抑或者用线框的样子：
这看起来真的是帅呆了。不过作为一只前端攻城狮，我也一样觉得这玩意恐怕是中看不中用，至少现在是。很难想象我不用firebug而用这么一个花哨的东西来调试我的页面。最为关键的还是性能问题，我可怜的老机器奔腾双核1.4G+2G+intel x300集显，实在应付不过来- -，卡得就像幻灯片一样...
不过这种层次图的想法真的不错，说不定以后哪天我们的调试工具也能这么酷，至少也能拿来装逼一下不是么？呵呵。
最后提一下安装和使用方法：
- 我使用的Firefox7 (6.0应该也可，在往下的版本就不确定了)
- 在 addons.mozilla.org 下载安装插件
- 打开 Firefox 的 WebGL 支持：
- 在地址栏输入 about:config 然后回车
- 确认进入设置修改，搜索 webgl 过滤出相关项
- 设置 webgl.disabled 为 false
- 设置 webgl.force-enabled 为 true
- 快捷键 Ctrl+Shift+M 启动 Tilt
Enjoy it！
评论加载中...
由Disqus提供评论支持，如果评论长时间未加载，请飞跃长城。