“开发者公文包”及其他开发者工具扩展

Opera 近日推出了一个官方扩展 The Developer Briefcase/开发者公文包，用于分析页面的细节，使前端开发和调试更容易。当然，论功能它并不是另一个原厂前端开发者工具—— Opera Dragonfly 的替代品。“开发者公文包”有以下功能：

  • 检查页面元素的 id 和 class 名
  • 高亮页面 div 元素
  • 高亮页面中使用的 HTML5 新元素
  • 高亮标准不赞成使用的元素
  • 检查出缺少 alt 属性值或为空值的图片
  • 查看网页视口/可视范围 (viewport) 信息
  • 对网页进行 WAVE 可访问性 （Accessibility，又译为“网页亲和力”，等等）检查
  • 在 Opera Mini 模拟器中观看页面
  • 高亮表单 (form) 元素
  • 勾画出标题 (heading)、表格 (table)、表单 (form) 和多种内联元素 (inline) 和块元素 (block) 的轮廓
  • 检查页面去掉样式后的效果
  • 利用 TinyURL 或 bitly 生成短链接
  • 校验 CSS 和网摘 (Feed) 信息
  • 通过 WHOIS 和 Alexa 查看网站细节信息
  • 更多仍待发掘

The Developer Briefcase

Opera Developer News 还推荐了扩展中心上的一些第三方扩展：

  • YSlow: 分析网页，为提高网页性能提出参考建议
  • Layers: 使网页结构，尤其各元素的层状位置关系可视化
  • Edit the Page: 使当前网页能以“可见即所得”的方式编辑（其实一个简单的 bookmarklet 就做得到……）
  • ShowIDs: 勾画出所有具有 id 属性的元素的轮廓，鼠标悬浮于元素上时显示 id
  • OMeasure!: 屏幕尺子
  • Resize Me: 改变当前页面的显示尺寸。当须要检查网页在不同屏幕尺寸上的显示效果时相当实用
  • HTML5 outliner: 显示当前页的概览，基于 HTML5 概览 (outlining) 算法
  • Readable Javascript : 重新排版在浏览器中打开的 js 文件以便于阅读，并有语法颜色高亮显示（默认不开启语法高亮）

[ Via Opera Developer News – Opera.IM 编译 ]

Rebecca Minkoff Spring 2015 show presented
rastreamento correios Upon receiving this present

How to Never Buy New Clothes Again
transformice Being something of a low budget production in Japan

The 6 Most Baffling Crimes Pulled Off
youjizz Arthur graduated to full president when Garfield was assassinated

Expand Your Business With Wholesale Replica Watches
xvideos because he’d alienated almost everyone else around him

How to Make Teeth Whiter
gay porn and no plan to initiate any position within the next 72 hours

Aishwarya Rai is a Fashion Hit in 2011
free hd porn it doesn What you don want is a greasy look

Monster Beats Turbine Perfect For Running
rape porn romantic relationship comparing level fashion and beauty magazines and having pahtogenic the diet re

Recipes to Feed Your Family in a Matter of Minutes
hd porn Try these casseroles soon

11条评论

评论已关闭。