Web开发者助手 FeHelper

一、写在前面

也许这两天不少同学的FH已经升级到了v2020.3.517，并且悲催的发现这个版本的FH被浏览器禁用了，点看查看详情，差不多是这个样子的：

或许也有同学直接到chrome://extensions 准备直接启用，于是会出现类似下面这样一个Dialog：

是的，看起来确实很吓人，大家一定会误解，觉得是FeHelper要开始获取你的数据了，然而并不是。。。

这必须是个好消息：https://developers.google.com/web/updates/2018/05/devtools#bigint

一键将整个网页转换为PNG图，操作方式可选择右键菜单，也可选择Popup Menu，直接上个Demo吧：

背景

可能是Google Chrome Webstore官方这两天在对chrome扩展进行大规模审计，对有风险的扩展进行下架处理，FeHelper已经是Webstore上的老用户了，前几天有网友向我反馈：在Webstore上搜索不到FeHelper了，咋回事？

更是有发烧友自己下载源码进行打包share：FeHelper发烧友版>>

到webstore后台，看到的现象是这样的。。。

背景

昨天在完成一项重构升级工作，将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文件内容）

改造难度

有多位FeHelper的用户都提出，希望在FeHelper中能增加一个正则表达式的及时测试工具，由于平时项目紧张，一直没空弄，趁这个周末，把正则工具实现了，并加入到FeHelper中。考虑到大家在使用正则的过程中可能对Js正则的语法记得不太牢，顺便也整理了一下，列在这里。

另外，正则工具中也整理了一些常用的“正则表达式”实例，用户可酌情选择使用。具体的，工具中见！

一、元字符

昨天将Chrome升级到33.0.1736.2 (正式版本 240253) dev，command+option+I打开DevTools以后，发现这个版本和之前的version32比起来有较大差别，在原来的DevTools Settings Pannel中，移除了Overrides Tab，但在整个DevTools Pannel的底部，增加了一个新的Pannel（将原来的Override功能增强）：

大家都知道，在PC端浏览器上进行网银支付时，网站基本都会要求你的浏览器安装了“密保插件”，当然，在传统的IE浏览器下安装ActiveX控件即可。不过对于chrome浏览器来说，要安装个可以正常输入密码的插件，还是比较复杂的。不过，好消息是：一般情况下，银行网站、支付宝网站等，在WebAPP上，是不会要求用户先安装什么破插件才能输入密码的，因为那样会阻断用户的正常交易！所以，利用这个特点，chrome下也可以不用安装任何插件，即可完成网银支付。

先看看正常情况下，网站给出的提示：

今天发了一个内部chrome extension给同事，发现部分同事不能安装，提示错误：无法创建解压缩目录！

简单分析了一下，发现这些同事都是SSD的硬盘，而且这个 %Temp% 目录是“只读”的，我试着去修改其属性，去掉“只读”，发现修改不成功，很诡异的问题，没时间，就不继续分析了，估计是SSD+Win7下，默认对这个 %Temp% 目录进行了写保护吧？

由于很多安全策略存在，所以想通过iframe内嵌网站，直接安装chrome extension，会报错：“Uncaught Chrome Web Store installations can only be started by the top frame”。所以此方案行不通，取而代之的方案，可以是window.open，如本站FeHelper在外站直接安装