前言 这是一篇关于Chrome扩展插件入门、Vue.js入门的小练习,功能是:在当前浏览的页面点击扩展图标,并点击保存之后,该页面就会存在你的新标签页中。其实就是一个可视书签的内容。欢迎大家指出代码的不足之处,很多时候都…
分类:chrome
谷歌浏览器:audio如何隐藏下载按钮
当我们使用原生的audio标签时,可以看到如下的效果。 那么如何让下载按钮隐藏掉呢? 1. controlsList=”nodownload” // 这个方法只支持 Chrome 58+, 低于该…
好用工具集
https://github.com/xiaoyu2er/productivity-tools Productivity Tools 记录一下使用的工具 软件 http://xclient.info/ Best Free…
发布 Google Chrome 插件教程
换个视角,世界不一样。嘘~~~ 如果你会使用js的话,那么你就可以自己动手写一个chrome插件,而且非常容易。google是一个全球化的平台,想想自己的程序被世界人民所使用,是不是很激动? 注册开发者账户自不必说,墙都…
chrome - 收藏集 - 掘金
最新版的 Chrome DevTools 的新玩法 – 前端 – 掘金最新版的 Chrome DevTools 的新玩法… Developer Tools 快捷键一览 – …
8行代码的模板字符串替换函数
特点 无依赖 无检查 无错误处理 无逻辑 无配置 代码 function render(tpl, data){ var re = /{{([^}]+)?}}/; var match = ''; while(match =…
我的chrome插件
1. 广告终结者 2. Window Resizer 3. Axure RP Extension for Chrome 4. React Developer Tools 5. Page Ruler 6. WEB前端助手(…
一个简单express+jade+mysql+bootstrap+nodejs的demo
Nodejs迅速发展,目前最热的Nodejs构建框架非express莫属,在Github上有32k的star就可以证明。下面就以Nodejs为中心构建一个前后端都包含在内的简单demo吧。 不管开发什么项目,有了脚手架之…
如何浏览器里调试iframe里层的代码?
之前一直非常痛苦,在iframe外层根本获取不了里面的信息,后来使用了postMessage用传递消息来实现,但是用起来还是非常不方便。 其实浏览器本身是可以选择不同的iframe的执行环境的。例如有个变量是在ifram…
前端开发工具选择
工欲善其事必先利其器 选择后比较优秀的工具可以大大加快学习和工作效率 Mac 选择原因 个人感觉最优的选择是Mac。在前端工程化的现在。命令行应该成为每一个前端er的必备技能之一。Macos自带的shell工具足够优秀。…
终于找到你!如何将前端console.log的日志保存成文件?
本篇文章来自一个需求,前端websocket会收到各种消息,但是调试的时候,我希望把websoekt推送过来的消息都保存到一个文件里,如果出问题的时候,我可以把这些消息的日志文件提交给后端开发区分析错误。但是在浏览器里,…
使用 headless chrome进行测试
注:文章聚合了现在 headless chrome 介绍和使用方式 包含了三个部分 chrome 在 mac 上的安装和简单使用(来自官方) 利用 selenium 的 webdrive 驱动 headless chro…