Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >谷歌浏览器F12调试页面F5刷新报“未连接到互联网”

谷歌浏览器F12调试页面F5刷新报“未连接到互联网”

作者头像
青梅煮码
发布于 2023-01-16 05:34:06
发布于 2023-01-16 05:34:06
2.3K1
举报
文章被收录于专栏:青梅煮码青梅煮码

开发中遇到问题:

本地开发wordpress php项目,一开始进入页面正常显示,一按F5刷新页面就出现提示:

控制台警告:crbug/1173575, non-JS module files deprecated

解决方法:

测试方式:用其它浏览器来打开测试,结果表明其他浏览器F12正常,就谷歌问题。

终极方法:原因是谷歌浏览器网络设置的问题,之前在控制台,切换显示设备工具栏时,网络设置了离线状态,所以链接报错,切换回3G即可。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
1 条评论
热度
最新
有用,感谢
有用,感谢
回复回复点赞举报
推荐阅读
编辑精选文章
换一批
CURSOR报错:应用程序错误:发生客户端异常(有关更多信息,请参浏览器控制台)。
摘要 当我们在使用CURSOR编辑器时,可能会遇到报错信息,例如“应用程序错误:发生客户端异常(有关更多信息,请参阅浏览器控制台)”。本文将以小白友好的方式,详细分析可能的原因,并提供排查与解决方案,帮助你快速恢复正常工作。
默 语
2025/01/20
1.4K0
CURSOR报错:应用程序错误:发生客户端异常(有关更多信息,请参浏览器控制台)。
浏览器F12(开发者调试工具) 功能介绍
调试时使用最多的功能页面是:元素(ELements)、控制台(Console)、源代码(Sources)、网络(Network)等。
chenchenchen
2021/09/06
5.8K0
Google浏览器清除缓存怎么弄_谷歌浏览器f12清理缓存
摘要:我们在做web开发的时候特别是在调试js时,会经常使用的google浏览器,这个时候就要我们修改过的代码可能不能生效。这是因为我们的浏览器默认是有缓存的,但是有的时候缓存可能使我们调试中的一大恶魔。在这里就介绍一下google浏览器不设置缓存的方法。
全栈程序员站长
2022/09/20
2.6K0
Google浏览器清除缓存怎么弄_谷歌浏览器f12清理缓存
前端开发日常工作每日记录笔记(2019至2024合集)
从2019年开始,在工作之余会主动记录一些东西,像每天遇到的问题、感想和学到的新的知识点,后面搭建了博客又开始写博客,也整理和记录了很多的笔记。
人人都是码农
2025/04/04
950
测试技能之谷歌浏览器调试技巧
生活学习中我们常用的工具之一就是浏览器,但测试工程师需要知道不仅仅是输入网址,鼠标点击几下那么简单。
吾非同
2020/10/23
6030
用谷歌浏览器来当手机模拟器
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页: 谷歌Android: chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) Appl
用户1149182
2018/01/16
2.6K0
谷歌浏览器下载 - 开发人员必备浏览器
链接:https://pan.baidu.com/s/1Emj4sUoi2BvMMFx2lJz-JA 提取码: qedg
很酷的站长
2023/02/18
1.5K0
谷歌浏览器下载 - 开发人员必备浏览器
如何使用谷歌浏览器远程调试安卓/ios真机H5应用?
今年年初受疫情的影响,给大部分同事办公带来了不便,因此,公司今年开始着手移动办公,将部分原来需要在PC端操作的功能逐渐增加到了移动端,开发了很多的H5报表。因为是内部用的功能,在测试的时候也没有可以去关注兼容性和一些app端的专项测试,我们只是负责测试自己部门开发的轻应用,接入到公司的平台中能不能正常使用。
小博测试成长之路
2021/03/06
2.5K0
使用浏览器这么多年,你真的了解DevTools吗?
点击上方蓝字“ITester软件测试小栈“关注我,每周一、三、五早上 09:00准时推送,每月不定期赠送技术书籍。
可可的测试小栈
2022/11/11
1.1K0
使用浏览器这么多年,你真的了解DevTools吗?
H5 notification浏览器桌面通知
Notification是HTML5新增的API,用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的。实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分享给大家,希望能帮你们了解这个API。
OBKoro1
2020/10/27
1.9K0
H5 notification浏览器桌面通知
JavaScript 逆向爬虫中的浏览器调试常见技巧
这是「进击的Coder」的第 592 篇技术分享 作者:崔庆才 “注:本文来自《Python3网络爬虫开发实战(第二版)》一书。 ” 现在越来越多的网站也已经应用了这些技术对其数据接口进行了保护,在做爬虫时如果我们遇到了这种情况,我们可能就不得不硬着头皮来去想方设法找出其中隐含的关键逻辑了,这个过程我们可以称之为 JavaScript 逆向。 既然我们要做 JavaScript 逆向,那少不了要用到浏览器的开发者工具,因为网页是在浏览器中加载的,所以多数的调试过程也是在浏览器中完成的。 工欲善其事,必先利
崔庆才
2022/03/21
2.3K1
谷歌浏览器开发调试的九个技巧
上篇的文章JavaScript两个快速调试的技巧,有些掘友留言说意犹未尽,那么我们再来说说些其他的技巧 🐶 如果你是一个前端开发者,你接触浏览器的时间会占用你工作时间的一半,甚至更多。那么我们推荐你使用谷歌浏览器,它是前端开发利器之一🚀 开题前,请你更新谷歌浏览器的版本到最新。 截止本文发布,鄙人window上谷歌浏览器为最新版本 - 版本 85.0.4183.121(正式版本)(64 位),mac上谷歌浏览器为最新版本 - Version 85.0.4183.121 (Official Build)
Jimmy_is_jimmy
2022/09/16
3740
谷歌浏览器开发调试的九个技巧
chrome浏览器 必知必会的小技巧
这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏览器的版本。
FEWY
2019/05/27
9340
Google Chrome谷歌/火狐/Safari浏览器开发者工具基本使用教程
在阅读下面内容之前,那么些简单的了解浏览器开发者工具到底是什么东西,到底有什么用途。
yaohong
2019/09/11
2.6K0
Google Chrome谷歌/火狐/Safari浏览器开发者工具基本使用教程
超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集
一、谷歌浏览器插件 二、Sublime Text 插件 三、Phpstorm 插件 四、油猴脚本 4.1 脚本网站 4.2 自用的脚本 五、相关链接 分享一些超好用的谷歌浏览器、Sublime Te
guanguans
2018/05/09
5K0
超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集
selenium最大化浏览器-Web UI自动化测试之Selenium工具篇
  注意:3.0 版本下所有浏览器除了需要安装 框架 以外,还需要安装对应的驱动程序
宜轩
2022/12/26
1.9K0
Chrome浏览器调试技巧大全!
注:本文测试、截图均为Edge浏览器(内核是Chromium),浏览器内核可了解《有哪些浏览器/内核?[1]》
zz_jesse
2024/07/04
3530
Chrome浏览器调试技巧大全!
你的浏览器,何必是浏览器
工欲善其事,必先利其器,作为大学生或者从业人员,如果能熟练地使用各种工具来提高自己的工作学习效率必然是一件好事!!!
小孙同学
2022/01/17
2.9K0
你的浏览器,何必是浏览器
谷歌开发者工具基础培训后疑问分享
一、F12是不是抓包工具?感觉和抓包工具差不多? 答:f12跟抓包工具charles两者进行对比来讲,都是属于抓包工具,具有抓包工具,只是面对的的对象不一样,开发者工具面对的是web浏览器,而charles面对的是web,app均可,由于涉及的对象不一样,所具体的功能特性也不一样,但从功能的丰富性charles的功能会比较大强大;两者的工具的使用主要根据测试对象来选择’ 二、F12是接口工具? 答:非接口工具,是调试工具,不具有接口测试功能,可以跟postman配合使用 三、如何用它来简单排查前端问题? 答:通过抓包数据和性能加载两个角度来判断是否是前端问题,如抓包数据以后,发现返回的数据是对的,但前端展示不对,就属于前端问题;在开发者工具里面通过性能模块进行测试,发现的问题,基本都是前端问题; 详细如下: JavaScript 错误排查:控制台可以显示页面上的 JavaScript 错误,测试人员可以点击错误信息查看错误详情,从而快速定位问题所在,并进行修复。 网络请求排查:控制台可以显示页面上的网络请求,测试人员可以查看请求状态、请求时间、请求头和响应信息等,从而判断是否存在网络请求问题。 DOM 操作排查:控制台可以让测试人员直接操作页面上的 DOM 元素,例如修改元素属性、添加或删除元素等,从而检查页面是否存在 DOM 操作问题。 性能优化排查:控制台可以显示页面的性能指标,例如加载时间、资源大小、资源加载顺序等,测试人员可以从中发现性能瓶颈,并进行优化。 四、能不能概括几种常见的测试使用F12的情况? 答:seo测试,前端文字多少显示问题,元素布局,样式,交互,需要在元素模块进行测试 页面加载,返回格式错误,返回图片大小问题,不同网络页面加载测试,跨域,缓存测试,需要在网络模块进行测试 内存模块的内存泄露; 检查不同网站的兼容性测试 具体查看以下常识介绍 五、测试的过程中如何从F12中去寻找问题出现在哪里? 答:通过打开console的日志,可定位问题;源码模块的源码提示也可以定位问题 六、能否介绍网络面板的使用? 一、模拟不同网络环境,从而进行网络性能测试。步骤: 打开谷歌开发者工具,切换到 "网络" 面板。 点击 "禁/停用缓存" 以确保每次请求都是新的请求。 在工具栏上找到 "网络条件",点击 "未选择网络条件/已停用节流模式" 选择要模拟的网络类型,例如 "Slow 3G" 或 "Offline"。 刷新页面或者重新加载资源,测试页面在不同网络情况下的性能表现。 二、分析网络请求 最简单的就是抓包了,这个具体培训的操作中已讲
厦门-安仔
2023/09/02
1680
谷歌开发者工具基础培训后疑问分享
如何使用谷歌浏览器 Chrome 更好地调试
你的 JavaScript 是否曾经无法正确执行,并且你很难找出原因?你的 CSS 是否曾经表现得很奇怪,并且你很难找出原因或让它按预期显示?调试是编程的基本组成部分,也是所有软件开发人员的基本技能。
海拥
2022/09/26
3.7K0
推荐阅读
相关推荐
CURSOR报错:应用程序错误:发生客户端异常(有关更多信息,请参浏览器控制台)。
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档