不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。

背景

昨天在完成一项重构升级工作,将FeHelper中的Js覆盖率检测工具进行全新升级,从原来的「Inject scripts file from ucren's website」方式重构成「chrome extension content-scrpits」。这个事儿难度还是略大的,基本需要将@dron提供的Tracker源码进行重新设计和改造,改造完成后旨在达到这几个目的:

  • http和https的页面均可运行(以前只支持http协议的页面)
  • 支持内网域名下正常使用,如:localhost、127.0.0.1
  • 检测速度能大幅度提升(不再需要通过一个server端做代理,来获取js文件内容)

改造难度

CSS中的content属性应该大家都不陌生,conteng属性是和:befor、:after伪类搭配使用的,最常见的使用方法一般如下:

<div class="mod-testcase"></div>
<style type="text/css">
    div.mod-testcase:before {
        content:'测试用例开始!'
    }
    div.mod-testcase:after {
        content:'测试用例结束!'
    }
</style>

其实这个content是可以直接访问到该节点的Attribute的,比如,上面的代码可以改为:

#css #content 浏览(1642) 阅读全文 评论