web前端助手 - CSDN
精华内容
参与话题
  • WEB前端助手

    2020-07-27 23:32:56
    拥有字符串编解码,json串格式化,代码美化,代码压缩,二维码生成,页面取色器,js正则表达式工具(带常用正则),时间(戳)转换,图片Base64,编码规范检测,页面性能检测,Ajax调试功能,简直是WEB开发利器
  • chrome fehelper 自动支持json化,直接拖到浏览器安装
  • 整合优秀的前端实用工具。免费,可配置的强大工具集 示例 安装 github仓库: 官网地址: Chrome商店: 安装教程: 右键菜单 插件入口,点击ICON,插件相关的所有功能都会在这里列出来,在popup中选择所...

    整合优秀的前端实用工具。免费,可配置的强大工具集

    image-20191022195320359

    示例

    1571667171509

    安装

    右键菜单

    插件入口,点击ICON,插件相关的所有功能都会在这里列出来,在popup中选择所需使用的功能即可使用

    fehelper-context-menu

    简易的请求客户端

    1571667891830

    网页截长图

    针对整个网页进行滚动截屏,在新窗口可预览后再手动保存

    1571668002580

    采色器

    1571668123752

    页面性能检测

    对当前页面的性能进行检测,如HTTP响应时间、页面渲染时间、是否启用gzip压缩等等

    1571668203141

    快捷键唤起

    1571668258919

    唤起后页面焦点集中到弹出层,可以通过 ↑↓ 方向键进行选择功能选项了

    珍爱手腕,少摸鼠标

    其他

    • 代码美化

      包括Javascript代码美化、CSS代码美化、HTML代码美化;其实所有C系的代码,都可以通过Javascript代码美化工具进行格式化查看

    • 代码压缩

      包括Web前端Javascript代码压缩、CSS代码压缩、HTML代码压缩

    • 字符串编解码

      包括Unicode编码和解码、UTF-8字符串编码和解码、Base64字符串编解码、字符串MD5编码,前端非常实用的工具

    • 图片Base64编码

      对图片文件进行base64编码,直接拷贝datauri格式的数据

    • 二维码生成器

      能对网址、普通文本内容、电话号码、通讯录、短信等编码并生成二维码,很实用的二维码生成工具

    • 二维码解码

      针对网页上的二维码,点击右键,选择【二维码解码】,可在当前页面直接看到解码结果!

    • 时间(戳)转换工具

      支持任意时间到对应时间戳的转换;支持任意时间戳到对应日期的转换

    • 正则表达式工具

      提供一个正则表达式的及时测试工具,并能将匹配结果进行高亮显示、高亮定位等;同时还罗列了一些常用的正则表达式供开发者使用

    更多

    更多优秀工具,请关注微信公众号获取

    wx

    展开全文
  • 开发者工具——web前端助手

    千次阅读 2018-07-24 22:07:02
    我们今天就来学习一个在开发中非常实用的小工具——web前端助手,这个工具能帮助我们快速格式化json字符串并且还能美化字符串。虽然这个名字听着像是前端开发使用的,但是作为后台开发的朋友来说也是一款非常实用的...

    json格式的数据在现在的开发中是非常受欢迎的,因此很多时候我们写程序的请求参数和返回值都回选择json格式。我们今天就来学习一个在开发中非常实用的小工具——web前端助手,这个工具能帮助我们快速格式化json字符串并且还能美化字符串。虽然这个名字听着像是前端开发使用的,但是作为后台开发的朋友来说也是一款非常实用的工具。下面讲一下具体的安装使用教程。

    1.web前端助手:是chrome浏览器的一个插件,所以我们需要将这个插件嵌入到chrome中使用(其他浏览器是否能使用暂未做测试)。下载地址:web前端助手

    2.安装插件

    打开chrome的扩展程序界面

    打开开发者模式

    将下载好的插件拖入界面

    确认

    安装成功

    功能及使用

    安装步骤到此结束了。

    3.我们在写后台接口程序的时候需要反复调试,有时候返回的数据太多了,就比较难以观察:

    安上chrome的插件之后:

    是不是瞬间就感觉舒服多了~ 其余的功能请根据需要自行尝试使用,很简单也很实用的小插件!

    展开全文
  • WEB前端助手(FeHelper)

    2020-07-29 14:20:06
    FE助手:包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、Markdown与HTML互转、网页滚动截屏、正则表达式、时间转换工具、编码规范检测、页面性能检测、Ajax接口调试、密码生成器、JSON...
  • WEB前端助手(FeHelper)_v10.0 。rar 解压,将里面的 WEB前端助手(FeHelper)_v10.0.crx取出,在chrome中新开一个TAB,输入:chrome://extensions/ 回车,将 WEB前端助手(FeHelper)_v10.0.crx拖入以安装
  • Web前端助手(FE助手) 链接:https://pan.baidu.com/s/1cqWgwDI6zzMD2cYdvHDv8Q  提取码:d6w2  Restlet Client 链接:https://pan.baidu.com/s/1Cr3siqfQwIaTUeuSYnuusg  提取码:mmfl  Adblock-Plus...

    分享几款好用的谷歌插件:

    Web前端助手(FE助手)

    链接:https://pan.baidu.com/s/1cqWgwDI6zzMD2cYdvHDv8Q 
    提取码:d6w2 

    Restlet Client

    链接:https://pan.baidu.com/s/1Cr3siqfQwIaTUeuSYnuusg 
    提取码:mmfl 

    Adblock-Plus(屏蔽广告的,看博客再也不用受广告干扰了,nice~)

    链接:https://pan.baidu.com/s/1moAOn_HCFoVV496xkWHrtQ 
    提取码:nqez 

    以上插件下载到本地后,打开谷歌浏览器->右上角菜单->更多工具->扩展程序 ->开发者模式,然后直接将本地文件拖拽到空白处即可。

    展开全文
  • web前端开发常用又好用的几个软件

    万次阅读 2018-03-12 16:00:10
    1、sublime text3 编辑器 快捷键 + zen coding 能让你如鱼得水。当然,下面这张截图我是用了 Material Theme + Monokai 的主题,还有很多效果没展示出来,等你们自己去探索。 sublime text3 下载地址:...

    1、sublime text3 编辑器

      快捷键 + zen coding 能让你如鱼得水。当然,下面这张截图我是用了 Material Theme + Monokai 的主题,还有很多效果没展示出来,等你们自己去探索。

      sublime text3 下载地址:http://rj.baidu.com/soft/detail/15554.html?ald

      软件截图:

    2、Beyond Compare 比较代码工具

      beyond也是个好软件,各种比较功能,屡试不爽。最下面的软件截图我就只展示最简单的文本比较,新加入的显示为蓝色,更改的为红色,一目了然。

      Beyond Compare 百度云盘下载链接:http://pan.baidu.com/s/1kVBOyyV 密码:hzhr

      (1) 文件夹比较 + 文件夹合并 + 文件夹同步 + 文本比较 + 文本合并

        

      (2) 表格比较 + 16进制比较 + MP3比较 + 图片比较 + 注册表比较 + 版本比较

      

      软件截图:

    3、Photoshop CC 

      作为切图、P图的首选工具,目前你还有比它更好的选择吗?就算有,用习惯的东西可不是一朝一夕就能改变滴!

      Photoshop CC 网上下载地址:http://www.xdowns.com/soft/31/93/2013/Soft_107049.html

      

    4、EditPlus 编辑器

      把EditPlus当记事本用,当然还可以用其它的,例如nodepad++,VIM等,用的习惯才是最好的

      EditPlus 百度云盘下载地址:链接:http://pan.baidu.com/s/1jHGZZhW 密码:pnb7

      

    5、PxCook 像素大厨

      当你不知道白色背景图要设置宽高为多少好时,PxCook是个不错的选择,在你切图前徘徊于图片量尺寸的时候,PxCook可以很好的帮助你。

      PxCook 下载地址:http://www.fancynode.com.cn/pxcook

      

    6、分区助手

       什么?你的C盘又满了??来吧!试试分区助手,不用998,也不用198,更不用98,今天我们就差倒贴钱给你介绍 分区助 手了。

      小小的软件,大大的作用。把其它盘的内存转为C盘的内存,从此以后下载各种小电影直接放桌面。

      分区助手 下载地址:https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=分区助手

      

    7、png图片转ico图标软件:AveIcon

      有没有发现,想把png图片转成ico,用PS是转不了的,嗯...好像要装什么插件才可以,一看就懵懂,如果有一个软件,不用安装、不占太多内存、使用方便、还要是中文的那就好了。我还真找到了:

      软件链接:http://pan.baidu.com/s/1mi5M9te 密码:cep4

      效果是这样的:

      

      把png拖入右边的框框,右下角就会显示转换中...

      

      转换完成后,直接把左边的ico图标拖出,想放哪里就拖到哪里

      嗯嗯,这样就完成了,拖进拖出就OK了,虽然很少用,不过存起来等需要用到的时候拖一下就好了。

    展开全文
  • 做了一个网页版的串口调试助手

    万次阅读 热门讨论 2016-03-21 00:17:55
    serial-webDebug项目github 项目地址简介对于web爱好者来说,在web上做一些事情真的很酷。这个项目通过使用serialport包调用底层的串口,完成串口的收发。和桌面软件的串口调试助手功能类似。 由于本人也是web新手...
  • WEB前端助手(FeHelper) FeHelper,Chrome浏览器插件,包含一些前端实用的工具,欢迎安装使用! 个人最喜欢的工具之一,从jso格式化到字符串编解码,从代码优化到页面取色,几乎包含了所有你想用的功能。 墙裂...
  • 腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究 ISUX 腾讯社交用户体验设计,简称ISUX,腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队(FED...
  • 前端(MVC模式)和后端(接口层-业务层-助手层)的分层设计经过了几十年大量软件的证明。分层的思想,就是每一个层次专注做一件事情。每一个层次都为上层提供服务。每一个层次对于其上层来说,都是可以复用的。分层...
  • 技术网站博客集锦

    万次阅读 2017-11-27 14:21:54
    国内公司博客 1. AlloyTeam 团队博客 2. Glow 技术团队博客 3. 携程设计委员会 4. 美团点评技术团队 5. 阿里中间件个人博客 1. 陈皓 酷壳 2. 阮一峰的个人网站 3. 冯大辉 Fenng
  • 老外如何看待WEB前端与后端? ---来自QUORA 如下是针对这一问题的不同的高质量的回答 Marc Grabanski,Creator of Frontend Masters 3.4k Views   软件开发本身就很难,不论你搞的是前端还是后端   用为一名UI...
  • 2018年,互联网行业风起云涌,IT工程师如果仅凭传统开发思维,无法突破固有知识体系,终将会被社会所淘汰。会跨平台混合应用开发、微信小程序、Web应用、pc以及手机炫酷网...
  • 前端资源分享-只为更好前端

    千次阅读 多人点赞 2018-05-12 16:07:17
    一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究ISUX腾讯社交用户体验设计,简称ISUX,腾讯设计团队网站CDC腾讯用户研究与体验设计部FEX百度Web前端研发部出品淘宝...
  • 前端简历汇总,vue面试题

    千次阅读 2019-07-17 11:51:30
    优秀前端简历参考:https://blog.csdn.net/jxg_20150624/article/details/77572790 vue面试题:https://www.cnblogs.com/aimeeblogs/p/9501490.html 项目经验模版:https://blog.csdn.net/qq_365380...
  • 
 
 
 
 
 
 
 一个不想写后台的前端不是一个好全栈,前端也可以玩转区块链Web3.js开发。老吴(北京志顶科技有限...
  • 史上最全的前端资源大汇总

    千次阅读 2017-01-13 15:08:14
    1.前言最近有很多朋友问我有没有相关的书籍推荐,希望能够自学一下前端。正好最近在查阅文章的时候,发现有朋友已经进行过总结。经过沟通和“行贿”��,终于取得转载权利,在此感谢晚晴幽草的大力帮助。作者将原...
  • 2017年,互联网行业风起云涌,IT工程师如果仅凭传统开发思维,无法突破固有知识...但是“几家欢喜几家愁”,不少同学困扰: 我的前端开发技术不比别人差,为什么别人能进BATJ等一线大型互联网企业,而我却被刷下来了
1 2 3 4 5 ... 20
收藏数 4,923
精华内容 1,969
热门标签
关键字:

web前端助手