Charles打开后，Pc电脑端浏览器展示空白页面，无法正常使用or浏览网页

最新推荐文章于 2025-09-11 11:58:33 发布
原创 最新推荐文章于 2025-09-11 11:58:33 发布 · 1.5w 阅读 · 28 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Charles #代理 #Charles浏览器页面空白

本文档详细介绍了如何配置Charles以解决Chrome浏览器无法正常打开网页的问题。首先，需在Charles的Proxy设置中将端口设为8888。接着，在Chrome的代理设置中启用代理，输入Charles的本地IP地址和端口号8888。若仍无法上网，需检查Charles的SSL证书安装情况，通过Help菜单进行安装，并确保将其添加到受信任的根证书颁发机构。按照以上步骤操作后，浏览器应能正常上网。

目录

一、打开Charles，然后打开谷歌浏览器，但无法正常打开网页

二、解决办法如下：打开Charles，配置ip、端口信息

2.1打开Charles，点击【Proxy-Proxy Setting】选项

2.2在Port栏中输入8888，点击ok按钮保存，注意端口号和电脑系统设置中的代理端口号一致即可​

 三、以谷歌浏览器为例，点击设置，进入设置页面

3.1进入设置页面

3.2在搜索框中输入【代理】 ，并点击搜索出来的选项：打开您计算机的代理设置 

3.3点击谷歌浏览器的代理设置选项后，跳转到电脑系统的代理设置界面

3.4开启使用代理服务器按钮

3.5在 地址 栏中输入电脑端ip地址，获取方法如下：

3.5.1获取电脑端的ip地址

3.5.2打开Charles，点击Help——Local IP Address；

3.5.3记住这个电脑端的IP地址，Ctrl+C复制该ip地址

3.6在 端口 栏中输入端口：8888并点击保存按钮

3.7配置好电脑系统的ip、端口信息点击保存后，再次打开Charles，注意有弹框！点击Allow！！！！！点击Allow！！！！！点击Allow！！！！！点击Allow！！！！！点击Allow！！！！

 四、再刷新谷歌浏览器页面，可正常上网

*五、如果还不行的话，请检查自己本地的Charles是否安装了证书！

一、打开Charles在Help里安装证书1.1点击Help---点击SSL Proxying---点击install​

1.2点击安装证书

1.3存储位置选择本地计算机

1.4点击将所有的证书都放入下列存储

1.5点击浏览，点击受信任的根证书颁发机构

1.6点击完成

1.7导入成功

一、打开Charles，然后打开谷歌浏览器，但无法正常打开网页

二、解决办法如下：打开Charles，配置ip、端口信息

2.1打开Charles，点击【Proxy-Proxy Setting】选项

 2.2在Port栏中输入8888，点击ok按钮保存，注意端口号和电脑系统设置中的代理端口号一致即可

 三、以谷歌浏览器为例，点击设置，进入设置页面

3.1进入设置页面

3.2在搜索框中输入【代理】 ，并点击搜索出来的选项：打开您计算机的代理设置 

 

3.3点击谷歌浏览器的代理设置选项后，跳转到电脑系统的代理设置界面

3.4开启使用代理服务器按钮

3.5在 地址 栏中输入电脑端ip地址，获取方法如下：

3.5.1获取电脑端的ip地址

3.5.2打开Charles，点击Help——Local IP Address；

3.5.3记住这个电脑端的IP地址，Ctrl+C复制该ip地址

3.6在 端口 栏中输入端口：8888并点击保存按钮

3.7配置好电脑系统的ip、端口信息点击保存后，再次打开Charles，注意有弹框！点击Allow！！！！！点击Allow！！！！！点击Allow！！！！！点击Allow！！！！！点击Allow！！！！

 

 四、再刷新谷歌浏览器页面，可正常上网

*五、如果还不行的话，请检查自己本地的Charles是否安装了证书！

https://blog.youkuaiyun.com/HelloGuoYing/article/details/108378773?spm=1001.2014.3001.5501

一、打开Charles在Help里安装证书
1.1点击Help---点击SSL Proxying---点击install

 

1.2点击安装证书

1.3存储位置选择本地计算机

1.4点击将所有的证书都放入下列存储

1.5点击浏览，点击受信任的根证书颁发机构

1.6点击完成

1.7导入成功

vue项目添加全局处理解决一些开发问题
**My Coding Family**
06-13 1635
如上问题有的来自我自身项目开发，有的收集网站，有的来自读者…如有侵权，立马删除。再者，针对此专栏中部分问题及其问题的解答思路或步骤等，存在少部分搜集于全网社区及人工智能问答等渠道，若最后实在是没能帮助到你，还望见谅！并非所有的解答都能解决每个人的问题，在此希望屏幕前的你能够给予宝贵的理解，而不是立刻指责或者抱怨！如果你有更优解，那建议你出教程写方案，一同学习！共同进步。ok，以上就是我这期的Bug修复内容啦，如果还想查找更多解决方案，你可以看看我专门收集Bug及提供解决方案的专栏。
非正常关闭Charles，导致电脑无法请求http的解决方法
专注于计算机研发知识和资讯分享
06-27 2536
背景： 下班时，强制关机。第二天早上，发现可以上即时通讯APP，比如，微信、钉钉、QQ，却无法访问网站。原因：关机时，非正常关闭Charles，导致Charles为电脑配置的代理信息未被清除，无法请求http的解决方法。
使用Charles代理工具导致电脑无法正常访问网站（您的连接不是私密连接）
热门推荐
mengzhiyuan93的博客
07-07 4万+
很多开发者都需要使用代理工具来调试接口，查看数据等等，但是有时候发现打开代理工具之后，代理工具同时也拦截了电脑的所有网络请求，导致电脑访问网站时提示（您的连接不是私密连接）。。。 造成这种问题的原因就是charles等代理工具也拦截了电脑网页的请求，但是使用的是charles代理工具的证书，导致浏览器无法验证此网页的证书，进而导致了报错，那么该如何解决呢？我们只需要将charle
Charles启动后无法上网
graphyer的博客
09-04 2721
也就是启动Charles了，VPN代理就失败了，我目前的理解是两者只能选一个，关掉Charles对PC端请求检测，或者关掉VPN代理。第二种VPN代理冲突。
Charles开启后PC端无法访问网络（三）
weixin_38863166的博客
03-19 7108
Charles开启后PC端无法访问网络 该情况基于WIN10,并且已经安装Charles证书，证书未安装点这里 解决方案： Win10 打开设置>>【网络和Internet】 点击【Windows防火墙】 分别点击【域网络】 【专用网络】 【公用网络】 如下所示，关闭第三步中的三个网络 防火墙 确保防火墙处于关闭状态 重新访问即可： ...
charles设置代理后，电脑无法联网
dafan0的博客
05-23 4578
造成这种问题的原因就是charles等代理工具也拦截了电脑网页的请求，但是使用的是charles代理工具的证书，导致浏览器无法验证此网页的证书，进而导致了报错。可以选择证书的安装位置，我选择的是本地计算机，所有用户都可以用，或者为了安全，也可以选择只给当前用户安装，那么别的windows用户就没有被安装此证书；此时我们的Charles证书是不被系统信任的，所以访问网站每回都会报证书问题，然后我们点击安装证书。然后为证书选择存储位置，这里必须手动选择存储位置，否则自动选择出来的证书位置仍然是不被信任的。
charles使用教程 ---- 抓取https请求 && 修改请求
每天都要努力学习哦~~
03-20 4593
Charles是在 Mac 下常用的网络封包截取工具，在做 移动开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。Charles 通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而实现了网络封包的截取和分析。除了在做移动开发中调试端口外，Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能，Charles 还可以分析 Https 协议。Charles 是收费软件，可以免费试用 30 天。
【Charles】开启charles后，网络用不了，解决证书安装问题
weixin_40772077的博客
03-18 7841
点击安装后，按照提示安装并授权信任即可。
打开Charles浏览器无法上网
weixin_46263524的博客
04-24 8256
打开Charles浏览器无法上网
mac电脑，安装charles后无法正常抓包，如何解决？
**My Coding Family**
02-05 1868
🏆本文收录于专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家！持续更新中，up！up！up！！
uniapp - 解决在线预览PDF文件空白打不开的问题，无论是后端下载二进制文件流pdf还是本地插件或JS预览查看打开白屏不显示，详细排查解决（适用于移动端H5网页、安卓/苹果app、微信小程序）
最新发布
🏆 前端领域优质创作者
09-11 4603
uniapp App端 实现pdf文件预览打开白屏解决，uniapp 在线预览pdf打开一片空白，跨域白屏，uni-app中使用WebView预览PDF文件打开空白，微信小程序（uniapp）预览PDF空白怎么办，下载PDF文件流后打开空白或无法打开的问题，Uniapp H5网页下载二进制pdf文件页面空白以及解决文件损坏打不开的情况，Uniapp app在线预览pdf文件流，PDF加载出来怎么办，服务器后端返回PDF文件流后前端进行下载但打开后一片白屏，解决pdf文件流，预览全是空白页，pdf文件流，下载
Charles浏览器抓包配置
沫沫1890S的博客
11-25 1821
Chrome 和 Firefox 浏览器默认并不使用系统的代理服务器设置，而 Charles 是通过将自己设置成代理服务器来完成封包截取的，所以在默认情况下无法截取 Chrome 和 Firefox 浏览器的网络通讯内容，需要打开系统代理设置。 Ie浏览器和360浏览器，默认使用windows代理，可以直接进行抓包
Mac电脑安装了Charles，证书已经信任，电脑还是没网？如何解决
**My Coding Family**
10-19 1973
如上问题有的来自我自身项目开发，有的收集网站，有的来自读者…如有侵权，立马删除。再者，针对此专栏中部分问题及其问题的解答思路或步骤等，存在少部分搜集于全网社区及人工智能问答等渠道，若最后实在是没能帮助到你，还望见谅！并非所有的解答都能解决每个人的问题，在此希望屏幕前的你能够给予宝贵的理解，而不是立刻指责或者抱怨！如果你有更优解，那建议你出教程写方案，一同学习！共同进步。ok，以上就是我这期的Bug修复内容啦，如果还想查找更多解决方案，你可以看看我专门收集Bug及提供解决方案的专栏。
Charles打开时不能浏览网页的可能原因
Winhows的博客
07-24 5829
环境：macOS Seirra 10.12 背景：使用Charles在本机Safari上抓包 首先，确保Charles自身设置正确，包括： - 正确开启网页代理(HTTP)和安全网页代理(HTTPS)（如果需要） - 正确安装证书文件 - 未开启vpn 在此基础上，远程运行Anaconda-jupyter notebook，将无法访问网页，也无法抓包。考虑其原因，可能是jupit
Mac电脑打开Charles后，无法访问网页
daxia_85的博客
11-28 8178
Mac电脑打开Charles后，无法访问网页 方式：通过电脑端下载证书 机型：Mac笔记本 步骤： 通过Charles下载证书 ，下载到桌面（如图所示） 下载好后，名字为：charles-ssl-proxying-certificate.pem 双击证书 ，（如图所示） 可以先看一下，自己的证书是否被受信任（注意：由于我的是已经信任过了，如果你的没有被信任的话，应该会有类似"x"红色字体标识）...
Charles打开后，Pc电脑端浏览器显示Not implemented或没有网络
weixin_41286767的博客
08-29 325
Charles打开后，Pc电脑端浏览器显示Not implemented或没有网络
使用Charles抓包就用不了网，怎么解决？
m0_55877024的博客
06-17 3010
2，因为我是要使用APP进行抓包，所以使用的第二种办法。在Charles中，打开Proxy-> 在打开 Proxy Settings 把Enable transparent HTTP proxying 打开。1、如果你不用APP抓包，关闭Proxy -> macOS Proxy即可（如果是Android 应该就是Android Proxy），就可以上网了。使用Charles抓包就用不了网，怎么解决？
Charles 手机设置代理后，不能访问网络
测试开发小白变怪兽
07-07 6961
Windows10 系统，安装好 Charles，且电脑和手机均安装好证书后，手机端使用浏览器访问网页时提示无网络，在确定环境配置无问题后，发现是 Windows 系统防火墙拦截导致，将防火墙关闭即可。
charles设置好代理后浏览器没有网络
jelly_LYP的博客
02-26 5210
charles设置好代理后浏览器没有网络 很多时候在手机连接上charles代理后，没有网络，这个时候有几种情况可能： 1.电脑防火墙 2.电脑360等安全软件 3.charles白名单（White list） 4.访问控制设置（Access control settings） 5.黑名单（blacklist） 1.电脑防火墙（关闭防火墙） 有的时候，是电脑防火墙把代理通道给封闭了，这个时候就需要关闭掉防火墙功能 2.电脑360等安全软件 也有可能是360等安全软件把认为不安全，屏蔽掉了，这个时候把安全软
使用charles限制pc端程序
01-07
### 使用Charles Proxy限制PC端应用程序的网络流量或访问 为了使用Charles Proxy来管理并控制PC端应用程序的网络连接行为，可以采取如下方法： #### 配置Charles代理服务器 启动Charles应用之后，在菜单栏选择`Proxy` -> `Proxy Settings...`。在此窗口内设定8888作为监听端口（此为默认设置），也可以根据需求更改其他选项。 #### 设置操作系统级别的HTTP/HTTPS代理 对于Windows系统而言，可以通过Internet属性中的LAN设置指定HTTP和Secure(https)代理地址为`localhost:8888`; 对于MacOS，则是在系统偏好设置->网络->高级->代理里做相同配置[^1]。 #### 应用特定规则集以过滤请求 通过`Tools` -> `Rewrite`功能创建自定义重写规则，这些规则能够匹配URL路径、主机名或者其他部分，并执行诸如阻止响应返回给客户端之类的操作；另外还可以利用`Map Local`特性将远程资源映射到本地文件从而实现拦截目的。 #### 启用SSL证书安装以便解密HTTPS通信 由于现代Web服务大多采用加密传输层安全协议(TLS)，因此需要让浏览器信任由Charles签发的根CA证书才能查看具体内容。这一步骤通常只需要一次完成即可长期生效。 ```bash # 导入 Charles Root Certificate 到受信存储区 (命令适用于 MacOS 和 Linux) sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain ~/Downloads/charles-ssl-proxy-ca.der ``` 当以上准备工作完成后，就可以针对具体的应用程序实施更精细粒度上的管控措施了。值得注意的是，某些情况下可能还需要额外处理特殊情况下的认证机制问题，比如Kubernetes环境下的clientCert验证方式就需要提供相应的私钥材料[^3]。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值