Chrome谷歌浏览器
马大头
这个作者很懒,什么都没留下…
展开
-
Chrome插件安装技巧
最近在学习WEBAPI 由于没有界面可以调试,需要安装Chrome中的插件 PostMan,一个可视化调用api的过程。接下来,好好看看WEBAPI 和异步编程的方式 另外还有sql实现空间坐标的方法。 整体插件安不上解决方案:1.把下载后的.crx扩展名的离线Chrome插件的文件扩展名改成.zip或者.rar(如果看不到Chrome插件的扩展名请百度搜索相关操转载 2017-08-14 10:52:03 · 872 阅读 · 0 评论 -
Chrome浏览器Network中,请求报provisional headers are shown 错误原因
情景再现:在发送http请求时,审查元素查看网络,有时会出现provisional headers are shown。与此同时,点击preview、response你都会发现是空的。原因:client发送请求后,由于各种原因,比如网络延迟,server端逻辑错误,导致client端长时间未收到响应。chrome下右键---->审查元素---转载 2017-08-29 11:15:59 · 9430 阅读 · 0 评论 -
关于最新版Chrome浏览器使用swfobject.swf, uploadify等无法正常播放Flash的问题
问题发现在更新到最新版Chrome后,之前项目中使用的uploadify上传插件的动画效果不显示,导致上传按钮等无法正常显示,功能异常,寻求最新版Chrome下的解决办法起初以为是最新版Chrome与插件的兼容性问题,后来发现并不是,只需按下图进行设置便可正常使用以下为设置前和设置后的效果(设置前无法播放flash样式,而且uploadify下面的代码全部无法执行):原创 2017-08-28 14:55:46 · 11418 阅读 · 3 评论 -
WebStorm8.0.3 Live Edit与Google浏览器实时无刷新自动加载页面
摘要: WebStorm自身就不需要Ctrl+S进行保存,再结合Live Edit,直接一边写代码一边实时查看!再不需要Ctrl+S,F5!在WebStorm8中是自带Live Edit功能的,只是默认没有开启;1、Ctrl + Alt + S --> Live Edit --> 勾选 Enable live editing,如下图:2、接下来就是要在Google浏览器转载 2017-07-14 16:02:16 · 1143 阅读 · 0 评论 -
Chrome开发者工具详解(1)-Elements、Console、Sources面板
Chrome开发者工具面板面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下:Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到转载 2017-07-14 16:53:32 · 901 阅读 · 0 评论 -
Chrome开发者工具详解(2)-Network面板
注: 这一篇主要讲解面板Network,参考了Google的相关文档,主要用于公司内部技术分享。Chrome开发者工具面板面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下:E转载 2017-07-14 16:54:35 · 1113 阅读 · 0 评论 -
Chrome开发者工具详解(3)-Timeline面板
注: 这一篇主要讲解面板Timeline,参考了Google的相关文档,主要用于公司内部技术分享。。Timeline面板Timeline面板是整个面板里面最复杂的一个面板,涉及的东西比较多。可以利用这个面板来记录和分析网页运行过程中的所有活动行为信息。你可以充分利用这个面板来分析你的网页的程序性能问题。概述下图是从Google官方网站中介绍Timelin转载 2017-07-15 09:06:58 · 271 阅读 · 0 评论 -
Chrome开发者工具详解(4)-Profiles面板
如果上篇中的Timeline面板所提供的信息不能满足你的要求,你可以使用Profiles面板,利用这个面板你可以追踪网页程序的内存泄漏问题,进一步提升程序的JavaScript执行性能。概述当前使用的Chrome最新版为54.0.2840.71,这个版本的Profiles面板比之前提供的功能更多也更强大,下面是该面板所包含的功能点:Record JavaScript CP转载 2017-07-15 09:07:57 · 631 阅读 · 0 评论 -
Chrome开发者工具详解(5)-Application、Security、Audits面板
这篇文章是Chrome开发者工具详解这一系列的最后一篇,介绍DevTools最后的三个面板功能-Application面板、Security面板、Audits面板的基本功能:Application面板简介该面板主要是记录网站加载的所有资源信息,包括存储数据(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、缓存数据、字转载 2017-07-15 09:08:36 · 4387 阅读 · 0 评论 -
问题:chrome开发者工具中source中不显示js的问题
描述:在调试程序的过程中,想通过开发者工具的sources找到自己引入的js直接调试问题,但找了半天没有自己引入的js,只有一些相关插件的js。然后就只能通过修改js来调试了,最后功能什么的也没有什么问题,但这种问题还是挺让人困惑,而且查了查,也没有查出个所以然,想问问大家,为啥sources中没有自己引入的js中???解决方案1:如果你的js没有经过jshint处理过,可转载 2017-07-18 11:33:11 · 7853 阅读 · 2 评论 -
Chrome浏览器插件Postman用法简介-Http请求模拟工具
在我们平时开发中,特别是需要与接口打交道时,无论是写接口还是用接口,拿到接口后肯定都得提前测试一下,这样的话就非常需要有一个比较给力的Http请求模拟工具,现在流行的这种工具也挺多的,像火狐浏览器插件-RESTClient,Chrome浏览器插件-Postman等等。这里主要介绍一下Postman。 一、Postman说明 Postman是一种网页调试与发送网页http请求的ch转载 2017-07-31 13:35:13 · 37751 阅读 · 0 评论 -
如何使用chrome控制台定位到hover,active等属性
有时候经常像获取hover时候的颜色,但是如果我们把鼠标挪开,hover的效果就消失了,怎在控制台里调试hover的样式呢?chrome里其实可以设置。如下:工具/原料chrome方法/步骤1以这个a连接的hover为例子,如图所示:转载 2017-08-03 09:36:08 · 3296 阅读 · 1 评论 -
chrome快捷键--chrome 25个最常用的快捷键
The 25 Most Useful Keyboard Shortcuts For Google ChromeWhat if you could navigate Google Chrome at lightning speed?Well, by learning a few simple keyboard shortcuts, you can speed up your pr...转载 2019-05-14 09:40:47 · 1850 阅读 · 0 评论