FeHelperWeb开发者助手 FeHelper

本插件支持Chrome、Firefox、MS-Edge浏览器,内部工具集持续增加,目前包括 JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、 网页油猴、网页取色器、脑图(Xmind)等贴心工具,甚至在目前新版本的FeHelper中,还集成了FH开发者工具, 如果你也想自己搞一个工具集成到FeHelper中,那这一定能满足到你。另外,本站也提供部分工具的在线版本,欢迎使用,欢迎反馈!
点击按钮快速安装 Chrome版 Firefox版 Microsoft Edge版
FeHelper-version FeHelper-rating FeHelper-users
FeHelper 已在Github开源,也欢迎大家提issue,或者直接提交PR加入进来! 现在就去Github看看>> star fork
我的微信
line
About Me
相关标签
line
本站微信公众账号
line
About Me
Fairshare swing

new Worker('/path/to/worker.js')这种形式比较麻烦,需要将worker代码单独抽出来放到一个文件中,再引进来。

在开发FeHelper的过程中有比较耗时的操作,需要用Web Worker来实现,我用的方法是:

new Worker(URL.createObjectURL...)

具体Demo:

#web前端 #web worker 浏览(0) 阅读全文 评论

背景

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

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

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

背景

FeHelper发布至今,UI就一直没变过,确实是灰头土脸的,也有不少用户来反馈,希望FeHelper能支持自定义皮肤(好吧,这个功能着实没太大必要)。

前两天偶然在另外一个站点看到,有热心的网友把FeHelper修改了样式,然后部署并发布了使用,不过我简单看了一下代码,发现全是压缩混淆过的,神啊,哥们儿莫非是用FeHelper.crx里的文件来做修改的么?其实FeHelper早就在Github上开源了,永源代码直接修改了随便使用即可。

#web前端 #FeHelper 浏览(0) 阅读全文 评论(11)

吐槽

我只想说,http://fwjy.bjchy.gov.cn/ 这个站点好比刚上线的12306,一到周五放号,基本就都各种502了,呵呵哒。本身网站性能就不咋地,即便打开了,也卡成狗,然而进去预约的时候,还有一大堆的信息需要填写,就更浪费时间了,号基本就被抢完了。

最可气的是,这个网站居然只支持IE。。。作为专业前端,习惯性的用chrome打开,尼玛,发现好多东西都点不了,打开console,一堆Error,那叫一个难受!

一、背景

有两个大项目是从RD那边迁移过来,因为项目初期FE无人力跟进,所以都是后端同学直接用Smarty完成的前端部分;所以考虑到迁移的成本和方案,索性升级一下当前的JS模板引擎

二、大致方案

  • 支持extends标签
  • 支持block标签

1、标签语法

为了便于模板词法分析,在模板左定界符后加上@来标识,标签名替换为属性设置方式,如extends标签:

因为加入了这个2048游戏,所以Baidufe公众号的关注人数往上涨得非常快!既然来这里玩儿游戏的人这么多了,所以我也必须要保证这个产品的用户体验尽可能的好。做Web前端的,首先得保证各种前端性能,一个非常重要的,就是:页面的载入速度。为了统计这个数据,特意在游戏页面打了几个监测点,分别是头部资源加载时间、用户可感知可交互的时间、DomReady的时间、以及页面加载完成的时间。待页面载入完成之后,向服务器发送一个用于统计的/v.gif请求,在服务器端接收相应,并投log。我的log格式为:

#web前端 #2048 #性能监控 浏览(1557) 阅读全文 评论(6)

前两天有个2048游戏的用户反馈说,打开游戏后不能玩儿,只有一个游戏面板,数字无法初始化,更无法移动,设备为iPhone 4S、iOS 5.1。尝试从微信调起Safari打开,依然不好使。由于游戏中运用了比较多的HTML5特性,所以粗略估计是有JS报错导致。不过这样的信息该如何捕获到呢?当然是传说中的window.onerror。


W3C找到关于window.onerror的方法体介绍: