专栏首页性能与架构开发人员的浏览器

开发人员的浏览器

平时在页面开发过程中,常会感觉有几个地方不太便利,例如:

(1)浏览器中打开的标签页太多,调试的页面是其中的一个,感觉被淹没了,比如查看完其他网页资料,然后编辑代码,再找调试页面时就比较麻烦,得从众多标签页中寻找

(2)开发中有时需要清除浏览器缓存,但这可能影响已经打开的其他网站

(3)每次修改完代码后,需求手动刷新页面查看效果

后来我就使用单独的浏览器打开调试页面,这样可以使用 ctrl+tab 快捷键快速打开,并且清除缓存也不影响其他网页,然后使用 browsersync 来自动刷新

正好前阶段发现一个专门用于开发的浏览器 Blish,带有自动刷新功能,并且对移动页面开发支持的不错

可以直观的选择不同型号的手机、平板,与电脑版的页面在一起显示,可以同时观看他们的效果

滚动页面时,这两个窗口可以一起滚动,还可以旋转手机为横屏

Blish 是基于 Chrome 的,所以可以一样使用 Chrome 的开发工具

Blish 目前是初级版本,官方说以后会加入更多的特性,使开发更加便利,例如集成进来Github等常用的开发服务、增加代码质量和JS错误等指标的监控统计……

有兴趣的话可以试一试,官网地址 https://blisk.io/

上面说的用于自动刷新的 browsersync 官网是 https://www.browsersync.io/,他还有其他便利的小特性,可以了解下

本文分享自微信公众号 - 性能与架构(yogoup),作者:杜亦舒

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-07-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序开发思路

    小程序还没有完全开放,不能真实体验,但通过文档和开发工具,可以了解到他的开发思路 下面就介绍下小程序的开发方式,希望能帮助有兴趣的朋友对整体思路有个快速了解 整...

    dys
  • 手机浏览器中的 DevTools

    ruda 是手机浏览器中的开发者工具,是一个JS插件,在自己的页面中引入即可 Eruda 的由来 Eruda 的作者以前在手机中进行页面开发时,感觉日志输出非...

    dys
  • 前端开发利器 - Wep Replay

    即使测试人员录了视频,照着一步步操作也不一定能复现,例如bug是与当时的数据相关的。

    dys
  • 【自然框架】 页面里的父类—— (补充)

          没想到下午发的《【自然框架】 页面里的父类——把共用的东东都交给父类,让子类专注于其他。 》启发了热烈讨论,还以为又是一大堆的口水回复呢。看到大家的...

    用户1174620
  • 『互联网架构』软件架构-解密电商系统-页面静态化(81)

    PS:秒杀系统不仅仅讲秒杀,主要是讲如何利用限流,缓存,异步分布式互联网大并发的场景。

    IT故事会
  • 4399AT自动化测试工具概要设计原理

    遍历程序是基于深度优先遍历算法上进行改进的, 以应用的首页为根节点,检索页面上所有可操作的元素,对这些元素进行操作(如点击)后,产生的新的页面, 记录这些页面...

    厦门-安仔
  • 如何跳出小程序五级页面的限制

    前言:做小程序开发,就要在微信的规则内玩耍。最近做的小程序经常会有个报错:RangeError: Maximum call stack size exceede...

    连胜
  • node调用phantomjs-node爬取复杂页面

    phantomjs官网是这么说的,‘整站测试,屏幕捕获,自动翻页,网络监控’,目前比较流行用来爬取复杂的,难以通过api或正则匹配的页面,比如页面是通过异步加载...

    用户2038589
  • SAP S4CRM 1811 服务订单API介绍

    Jerry在今年2月28日,SAP Customer Management for S/4HANA 1.0正式问世这个具有纪念意义的日子,同时发布了中英文版的博...

    Jerry Wang
  • JavaScript之insertBefore()和自定义insertAfter()的用法。

    在JS图片库的第五版开发完后http://www.cnblogs.com/GreenLeaves/p/5691797.html#js_Five_Version我...

    郑小超.

扫码关注云+社区

领取腾讯云代金券