分类： 浏览器
-
针对 Google Chrome 浏览器访问今日头条页面显示空白的问题，通过查看控制台发现涉及接口地址的跨域请求被阻止。在尝试清除数据未果后，对比无痕模式下的正常运行与请求响应差异，推断原因可能是网站版本升级导致的不兼容。最终采取卸载浏览器并勾选删除数据，随后重新安装的方式，成功使页面恢复正常显示。
-
针对Chrome浏览器提示个人博客连接不安全且状态图标显示异常的问题，作者通过查看网页源代码，先后搜索并排查了单引号与双引号包含的HTTP协议前缀链接，尝试将其修改为HTTPS协议后问题依然存在。最终排查发现，引入的搜狗联盟外部脚本文件中包含HTTP协议前缀的资源引用，导致加载不安全脚本，这才是造成警告的根本原因。
-
本文针对在 Postman 中请求接口时报错 Self-signed SSL certificates are being blocked 的问题进行分析，确认该错误是因为服务器使用了自签名证书。通过在 Postman 设置中关闭 SSL 证书验证功能，成功解决了请求被拦截的情况，最终接口返回了正常的响应结果。
-
本文介绍了在 Windows 10 64 位环境下将 HTTP 服务器设置为 Nginx 并部署 React 应用生产版本的方法。通过 Create React App 构建生产文件，编辑 hosts 文件配置域名映射，并在 Nginx 中创建虚拟主机配置文件以提供 index.html。最终重载 Nginx 服务，通过 React 开发者工具验证图标变为黑色背景，确认应用已成功切换至生产模式。
-
本文针对在 Windows 10 环境下执行 Nginx 1.10.1 重载命令时，提示上游主机未找到的错误进行排查。通过查看配置文件发现 proxy_pass 处使用了特定域名，随后编辑 hosts 文件添加该域名的本地解析记录，再次执行重载命令后恢复正常。结论指出 .localhost 后缀仅部分浏览器会自动解析，Nginx 不会自动处理。
-
Google Chrome 升级至 63 版本后，针对 .dev 域名预加载了 HSTS 策略，导致访问本地开发环境时 HTTP 请求自动跳转至 HTTPS。文章比较了多种解决方案，排除了配置 HTTPS 服务的繁琐方式，分别尝试将本地开发后缀改为 IETF 保留的 .test 域名以及更为标准的 .localhost 域名。经过修改 hosts 文件与 Nginx 配置文件，最终验证使用 .localhost 域名无需修改 hosts 即可指向本地，且有效避免了浏览器的强制 HTTPS 跳转问题。
-
针对桌面设备 Chrome 浏览器上 Zepto 中 tap 事件触发两次导致接口被重复调用的问题，文章通过控制台日志与服务端调用时间进行排查，确认该问题仅存在于桌面端，移动端表现正常。最终通过使用 singleTap 事件替代 tap 事件，成功解决了重复触发的问题，确保事件仅执行一次。