谷歌浏览器在工作中的妙用

作者: 莉莉妮特 | 来源:发表于2016-12-14 18:49 被阅读2235次

    谷歌浏览器和火狐浏览器作为浏览器圈中的倚天剑、屠龙刀,功能自然是非常厉害的。

    很多人说谷歌占内存,不黑不吹地说,这是实话。但是要看你怎么用了,如果是你打开了N多标签,当然会占用大量内存。我司的办公电脑基本都是12G内存,经常看到开发同学打开了四五十个标签,还嚷着内存不够用,我只能说两个字:任性!

    从谷歌6.0一直到现在的56.0,一晃已经七八年的时间,学到了不少经验,下面以谷歌浏览器为例,介绍一些日常工作中能用到的经验技巧。

    基本的用法

    当然是上网了

    得益于良好的设计理念和技术实现,快速、安全、稳定、简单这些词作为chrome的标签再合适不过了。在大屏幕上使用谷歌上网真的是一种享受。当然现在的edge和ie也是很优秀的,甚至不比谷歌差。用户吐槽的基本是IE8以下的版本,但是要知道在IE6诞生的时代,它也是足够优秀的,让人惊艳。

    页面内查找

    ctrl+f是最常使用的快捷键之一,页面内查找。比如在页面或者网页源码中查找关键词,使用起来还是很方便的。

    常用快捷键

    ctrl+t    打开新标签页

    ctrl+s   保存页面文件

    ctrl+j    打开下载记录

    crtl+h   打开历史记录

    ctrl+d   保存当前页面为书签

    ctrl+u   查看当前页面源代码

    ctrl+w  关闭当前标签页,也可以按住鼠标滚轮来关闭标签页

    ctrl+shift+t    恢复刚关闭的页面,可以重复使用

    ctrl+滚轮    缩放当前页面

    标签打开方式

    ctrl+点击链接:在新页面打开标签

    shift+点击链接:在新弹窗打开标签

    最强软件合集,没有之一

    播放音乐,确实比较小众,不过真要用时也是可以解决需求的。

    看视频,目前仅支持mp4,mkv格式。avi和rmvb不支持,真是伤脑筋。

    打开阅读PDF文件,毕竟现在的阅读器动辄几十M,真的懒得下载。

    另外一个推荐的软件是2345看图王,作为看图软件的佼佼者,软件还有PDF查看功能。满脑子想的都是,擦,安装包那么小,看图修图那么厉害,还附赠了一个PDF查看器关键是还好用,真牛逼。

    查看图片,比如gif图片,jpg图片等。

    将页面内容另存为PDF保存供使用,比如你在线查询了一个证书或者资料,想保存下来直接ctrl+s自然是可以的,也可以按下ctrl+p打印功能选择保存到PDF文件格式,这样就可以多次使用了。

    可以玩小游戏,断网的时候就会自己出来,当然也可以在网络面板中选择离线状态唤起这个小福利,下文中会详细介绍的。

    强大的调试工具

    谷歌浏览器除了这些功能之外,更强大的是它的调试工具,快捷键是f12或者ctrl+shift+i。下图就是它的样子,看起来是不是很不起眼,但其实很强大,下面来介绍一些具体的用法。

    审查修改元素

    页面上的任何元素都是可以修改的,如下图的公众号截图,我把数字改成200000都是可以的。所以千万不要相信别人给你发来一张图炫耀自己的成绩。

    自己加的有新媒体交流群,经常和别人沟通聊天。有些人聊上几句就会发张截图,动辄五六万,十几万的粉丝,比如某课网。如果真是运营比较好的人,对于别人的求教一般是乐意分享的,但很少有人会特意地证明什么,希望大家不要轻易相信这样的内容。

    遇到不想看但是又禁用不掉的元素,比如说广告,是可以直接delete删除,这样就不影响你查看主要内容了,不过再次刷新还是会出现的。

    查看图片/视频

    我们在网页上看到的图片有的是原始图片,有的是原始图片固定宽高显示,有的是为了提高页面访问速度调用带版本号的图片,有的是从原始的大图中裁剪合适的大小进行展示。适当地了解一些技术知识还是有好处的,这样和别人沟通起来相对容易。我们如果想要获得原始图片,就可以使用调试工具获得图片的真实地址后保存再使用。

    模拟手机端

    腾讯首页的地址是http://www.qq.com,而在手机上访问就是http://info.3g.qq.com。我们在产品发布前的测试中可以使用浏览器来模拟手机,这样非常方便地模拟不同手机型号分辨率来进行测试。

    当然模拟毕竟不是真实的,不可避免地细微的差异,所以做测试的同学还是需要在真实的机器上再操作一遍防止出现误差。

    模拟网速

    说这个功能前,先引入一个例子。大家都知道,现在智能机非常普及,而在手机中最占存储空间的当属微信了,而这个问题迟迟没有解决。其实是有好的解决方案的,但是『但估计我们的产品团队, 人人都是64G/128G的手机, 感受的不够强烈』,腾讯张志东这样分析过。

    而我们在办公室中一般使用的都是公司wifi,很少有人去使用数据流量。那么我们的产品在一些信号比较差的环境中,是不是真的像我们预期的那样流畅呢?

    网络面板中就提供了网络模拟的功能,这里我们可以选择多种参数来查看,甚至可以定义数字。在不好的网络下体验一番,才是真正的结果。

    不论在任何时候,我们都得明白任何你觉得无所谓、不会差太多、不就多点一下嘛的功能别人每天都可能使用数十次、上百次。任何一点小问题都会被无限放大,给用户带来的不舒适和沮丧是很难弥补的,必须非常重视。

    颜色

    如果想在页面上查看更改按钮颜色,并不是非得立刻修改代码,在本地使用颜色编辑器自己修改预览一下也是很方面的。

    下载音乐视频

    有时候页面中的音频和视频文件是不能下载的,这个时候我们就可以使用调适工具来解决了,步骤如下:

    打开调适工具,切换到网络面板;

    点击清除按钮,除已出现内容;

    点击浏览器刷新按钮重新加载当前页面;

    选择你需要文件类型,如媒体,图片等,按照大小降序排列;

    选择文件保存即可,对媒体文件你需要将内容缓冲万再进行保存操作。

    下面这个视频就是通过这种方法保存到本地的,点击播放看下吧。


    腾讯视频


    查看账户密码

    如果你的密码忘记了,而之前浏览器曾经记住密码的话,还是有补救的方法的。审查元素发现第二个文本框的类型是password,这个时候只要将其更改为input,文本框的密码就会自己显示出来的了。不要用这个方法干坏事哦。

    清除cookies

    有时候会遇到一些莫名奇妙的bug,比如说报错或者不能退出登录。我有一次在知乎就是,死活不能退出登录。这个时候我们把cookies全部清除掉,一般就能解决了。

    至于cookies是什么,简单地说就是小甜点,哈哈;复杂说就是保存在客户端的用户关键数据。

    不同类型的搜索

    可能很多人知道在地址栏里面是可以输入关键词进行搜索的;也知道用鼠标选中某个文本右键搜索或者拖入到地址栏可以进行搜索。但是使用其他搜索引擎呢,相信大多数人都不知道了。

    在上图中可以看到,浏览器已经自动添加了很多搜索引擎,因为你曾经在这些站点使用了搜索功能。

    有时候你希望用到这些平时并不常用的搜索引擎,这个时候即只要在地址栏输入jd、zhihu、douban这样的单词,按下tab就会自动切换到对应的搜索引擎了。有兴趣的同学可以试一下。

    前提是你记得常用的域名,但这并不是坏事。别人都是先输入www.baidu.com搜索京东,然后点击链接访问;你呢,可以直接从书签打开;逼格高一点的话,输入jd然后ctrl+enter搞定,不知道多省事。

    总结

    类似的经验技巧还有很多,有的使用并不频繁,就不细说了。谷歌浏览器是当之无愧的最强者,相信你一定会在使用中爱上它的。

    相关文章

      网友评论

      • 4588e4274830:这就是你七八年妙用嘛😂😂😂
        莉莉妮特:@代码描绘人生 有何高见?
      • e5044eee0a2b:一直在用,如果能同步就更好了
        莉莉妮特:@菜鸟学编程 国内政策如此 没办法
      • 飘渺孤鸿15:虽然用的谷歌,但你说的这些都没用过啊!
        莉莉妮特:@飘渺孤鸿15 可以试下 会有很多惊喜的
      • xscit:怎么能忘了Ctrl + Shift + n :smirk:
        莉莉妮特:@xscit 老实说你开隐私窗口想干嘛?
      • 汪铭珠:用chrome不是因为他好用 而是因为它是谷歌开发的 电子产品 我首推apple和google还有Microsoft 喜欢这三家的软件 自然也坚信他们的硬件也是最好的 只要是他们开发的 不好我也喜欢
        蕪園樓主香獨秀: @汪铭珠 我大ff不服三大流岷😄
        莉莉妮特:@汪铭珠 bingo 另外体验确实不错的
      • 夏妍妍:你的观点呢
      • 希望我爱你会倒过来写:用chorme内核都可以的,现在下个谷歌浏览器都要翻墙。谢谢楼主的经验分享
        莉莉妮特:@希望我爱你会倒过来写 在一些软件管理也是可以下的
      • 3901fc17355e:确实很实用,受益了。感谢 :pray:
        莉莉妮特:@Bennu :relaxed:
      • b8891cd68772:比起快捷键,我还是更喜欢用mouse gesture :joy:
        莉莉妮特:@相忘於_江湖 手势确实是一个不错的选择
      • ff6467354331:总结得非常好~
        莉莉妮特:@谢佳宇 :blush:
      • 4975ed0ff786:chrome://也很好用😂
        莉莉妮特:@little_style 少说几十个 没有列出来 :blush:
      • 莳雨听花:谢谢,一直在用的浏览器,这些功能都没用过
        莳雨听花:@莉莉妮特 ctrl+w,ctrl+t,Ctrl+点击链接,这几个好用
        莉莉妮特:@莳雨听花 常用的快捷键还是可以学下的

      本文标题:谷歌浏览器在工作中的妙用

      本文链接:https://www.haomeiwen.com/subject/wgtwmttx.html