谷歌浏览器郭,谷歌浏览器呀

很多朋友对于谷歌浏览器郭和谷歌浏览器呀不太懂,今天就由小编来为大家分享,希望可以帮助到大家,下面一起来看看吧!

谷歌浏览器郭,谷歌浏览器呀

本文目录

  1. 打开chrome浏览器开发者工具的方式
  2. 华为浏览器书签删除了怎么恢复

一、打开chrome浏览器开发者工具的方式

1、Chrome提供的一些调试功能,在排查代码故障时非常有帮助。事实上,由于谷歌浏览器提供的调试工具太多,很多都被隐藏了起来,等待你去探索。

2、声明:本文已获作者Ferenc Almasi翻译授权。

3、Chrome DevTools(开发者工具)团队每月(

4、 )都会在他们的网站上发布更新,你也可以在他们的官方 Twitter账户(

5、 )上找到一些很棒的提示。如果你想了解更多关于 Chrome提供的工具的信息,我强烈推荐查看这两个信息来源。

6、在这篇文章中,我收集了 10个我经常使用但是别人可能不知道的功能。它们帮助我简化了工作流程,可以在更短的时间内完成更多的工作。

7、这里先从在控制台中保持日志说起。假设在重新加载页面之前或导航发生时出现了问题,你会尝试登录控制台,但所有内容都被清除了。解决方法很简单,但我很久以前就不知道了:

8、通常,当用户交互发生时会出现问题。捕捉这些事件来检查在交互中运行的位置和内容非常有帮助。幸运的是,我们可以通过访问 Sources选项卡,用 Ctrl P打开一个 js文件,并检查其中的相关事件:

9、对于 DOM操作也可以添加断点。通常可以断点在某节点接收到属性更改上,例如添加了某个 class。在一个大型代码仓库中搜索相关代码将耗费大量时间,其实你可以简单地为元素添加一个断点,然后剩下的交给 DevTools处理。

10、有时候我们对代码进行性能优化,会导致很多代码没有用了但是还没及时清除。在覆盖工具的帮助下,你可以分析资源并查看哪些行没有执行。如果你关注的不是所有交互,只执行你所关注的交互操作有助于你获取准确的覆盖率。你可以点击 Ctrl Shift P打开工具面板,然后点击重新加载图标开始记录,所有以红色显示的内容都不会被执行。

11、不必要的重绘也会导致性能问题。假设你的页面上有一个倒计时,每次更新都会导致整个页面重新绘制。你可以通过在 Render选项卡中启用 paint flashing来解决这些问题,并查看哪些元素触发了这些问题。

12、同样,Ctrl Shift P会弹出工具栏。

13、在 Rendering选项卡上启用重新绘制

14、既然上面讨论了渲染,那么让我们来看看如何调试 CSS动画。用 Ctrl Shift P打开工具菜单,输入“ animation”它将为你打开动画标签,这将记录任何发生在网站上的动画。你可以重播它们,看看它们的宽松程度,然后根据时间或持续时间调整:

15、我们经常需要与其他人分享截图来验证更改。如果你不得不重复多个步骤,这个任务可能会消耗时间:

16、这可以在 DevTools内部完成。你可以从整个页面、单个节点(被选中的节点)或视图中创建图像:

17、假设你正在调试一个问题,并且你的代码中有两个断点。你正在进行堆栈跟踪,你会发现堆栈信息中大多数来自核心框架文件,如 React或 jQuery。为了避免在调试器中包含这些核心文件,你可以对它们进行黑盒处理,这意味着 DevTools将跳过这些文件,以便你可以专注于自己的代码。

18、本地覆盖是我最喜欢的一个,我发现自己使用它越来越频繁。它是一个强大的工具,使你能够加载生产文件的本地副本,并使用它们来替代捆绑的副本。当一个问题只发生在特定的环境中而不能在本地复现时,这一点尤其有用。

19、你可以在“Source”选项卡下启用 Overrides(重写)。如果你没有看到 Overrides链接,点击 Page右侧的锯齿图标。你可以将漂亮的打印文件复制到你本地文件并对其进行扩展。重写将通过页面重新加载保持。

20、我发现自己一直在使用 Lighthouse面板,这是为了审计你的网站在各种指标:性能,PWA,可访问性,或搜索引擎优化。你还可以选择审计不同的设备以及模拟网络连接,它为你提供了哪些可以改进以及如何改进的参考。你可以在“Audits”选项卡下进入“灯塔”,如果你没有看到标签,只需点击锯齿符号来显示隐藏的标签。

21、生成报告后,可以将结果保存为 JSON文件,稍后导入以进行比较。

22、上面是必须知道的 10个 Chrome开发工具特性,它们帮助我简化了工作流程,并且在更短的时间内完成了更多的工作。

23、你每天使用的 Chrome开发者工具的功能是什么?请在评论中告诉我们。

24、 

25、作者简介:Ferenc Almasi,匈牙利前端开发者,热衷于开发和设计新的交互式应用程序。他还喜欢尝试新技术,创造简单而有吸引力的东西。

26、译者:明明如月,知名互联网公司 Java高级开发工程师,CSDN博客专家。

二、华为浏览器书签删除了怎么恢复

1、手机系统要是有备份的可以恢复的

2、新华社北京3月10日电国家卫生健康委员会10日通报,3月9日0—24时,31个省(自治区、直辖市)和新疆生产建设兵团报告新增确诊病例528例。其中境外输入病例126例(上海42例,广东33例,北京14例,广西12例,河南7例,四川4例,甘肃4例,黑龙江3例,浙江3例,云南2例,江苏1例,福建1例),含17例由无症状感染者转为确诊病例(广东5例,北京4例,浙江3例,四川3例,河南2例);本土病例402例(吉林165例,其中吉林市134例、长春市23例、延边朝鲜族自治州7例、松原市1例;山东66例,其中青岛市56例、威海市7例、淄博市2例、烟台市1例;甘肃66例,其中兰州新区40例、兰州市19例、白银市7例;陕西21例,其中西安市13例、宝鸡市7例、汉中市1例;天津19例,其中西青区14例、津南区2例、北辰区2例、武清区1例;广东17例,其中深圳市15例、阳江市1例、东莞市1例;江苏13例,均在连云港市;河北10例,其中邢台市7例、廊坊市2例、沧州市1例;北京4例,其中朝阳区2例、海淀区2例;辽宁4例,均在沈阳市;上海4例,其中静安区1例、虹口区1例、闵行区1例、浦东新区1例;内蒙古3例,均在呼和浩特市;浙江3例,其中杭州市1例、温州市1例、衢州市1例;云南3例,其中德宏傣族景颇族自治州2例、保山市1例;山西2例,均在运城市;河南2例,均在濮阳市),含10例由无症状感染者转为确诊病例(辽宁3例,山东3例,山西2例,吉林1例,云南1例)。无新增死亡病例。新增疑似病例10例,均为境外输入病例(均在上海)。

3、当日新增治愈出院病例126例,解除医学观察的密切接触者8550人,重症病例较前一日减少1例。

4、境外输入现有确诊病例2451例(其中重症病例2例),现有疑似病例12例。累计确诊病例15836例,累计治愈出院病例13385例,无死亡病例。

5、截至3月9日24时,据31个省(自治区、直辖市)和新疆生产建设兵团报告,现有确诊病例4610例(其中重症病例7例),累计治愈出院病例103139例,累计死亡病例4636例,累计报告确诊病例112385例,现有疑似病例12例。累计追踪到密切接触者1729080人,尚在医学观察的密切接触者112423人。

6、31个省(自治区、直辖市)和新疆生产建设兵团报告新增无症状感染者586例,其中境外输入151例,本土435例(吉林179例,其中吉林市149例、长春市25例、延边朝鲜族自治州5例;山东112例,其中青岛市91例、威海市14例、淄博市6例、烟台市1例;上海76例,其中闵行区23例、嘉定区16例、浦东新区9例、松江区9例、徐汇区6例、静安区3例、黄浦区2例、杨浦区2例、宝山区2例、长宁区1例、普陀区1例、虹口区1例、奉贤区1例;云南22例,均在德宏傣族景颇族自治州;甘肃11例,其中白银市5例、兰州新区5例、兰州市1例;黑龙江9例,均在牡丹江市;河北5例,其中沧州市2例、廊坊市1例、石家庄市1例、邢台市1例;江苏5例,其中连云港市3例、苏州市1例、扬州市1例;广东5例,均在东莞市;天津2例,其中河东区1例、西青区1例;辽宁2例,均在沈阳市;安徽2例,均在宿州市;河南2例,均在濮阳市;北京1例,在海淀区;广西1例,在防城港市;青海1例,在西宁市);当日转为确诊病例27例(境外输入17例);当日解除医学观察70例(境外输入58例);尚在医学观察的无症状感染者3238例(境外输入1328例)。

7、累计收到港澳台地区通报确诊病例259738例。其中,香港特别行政区238657例(出院24486例,死亡2869例),澳门特别行政区82例(出院79例),台湾地区20999例(出院13742例,死亡853例)。

关于谷歌浏览器郭到此分享完毕,希望能帮助到您。

声明:信息资讯网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者东方体育日报所有。若您的权利被侵害,请联系 删除。

本文链接:http://www.gdxhedu.com/news/131029.html