前端知识库(lizh)
  • README
  • Bugs
    • 前端调试随笔
    • 浏览器常见问题概览
    • 浏览器兼容问题概览
    • HTML常见问题概览
    • CSS常见问题概览
    • JS常见问题概览
    • 移动端兼容性问题概览
    • 微信小程序开发
    • NodeJs常见问题概览
    • Mac常见问题概览
    • 微信开发遇坑指南
    • Npm包常见问题概览
    • 其他问题汇总
  • Css探索系列
    • CSS基础知识
    • CSS常见问答
    • CSS常见问答02
    • CSS应用示例
    • CSS应用示例02
    • 由Z Index引发的层叠上下文思考
    • 由浮动塌陷引发的块级格式上下文思考
    • CSS探索系列 Flex布局
    • CSS探索系列 Margin
    • CSS探索系列 Auto关键字
    • CSS探索系列 Gradient
    • CSS探索系列 Line Height
    • CSS探索系列 元素居中
    • CSS探索系列 动画
    • 为什么使用PostCSS处理CSS?
    • 重新认识伪类与伪元素
    • 自定义表单伪元素样式
    • 如何理解Css中的Display属性
    • 视口和软键盘对视口的影响
    • 关于Css
  • Frontend
    • 00 关于Web前端
    • 01 前端知识概览
    • 02 常用前端库概览
    • 基础 00 前端常见问题01
    • 基础 01 浏览器缓存
    • 基础 02 浏览器工作原理
    • 基础 03 谈谈前端跨源问题及解决方法
    • 进阶 01 Web性能优化
    • 进阶 02 搜索引擎优化(SEO)
    • 进阶 03 前端模块化编程
    • 进阶 04 规范代码:Linter、Prettier、EditorConfig
    • 进阶 11 前端自动化测试
    • 高级 01 前端安全
    • Vue2.X原理篇
    • Vue3初步了解及迁移指南
    • 重读Vue教程
    • React17.X原理篇
    • 你必须知道的React问题
    • 重读React教程
    • 聊一聊Cookie的一些问题
    • 如何理解HTTP响应的状态码
    • HTTP的历史演变及概述
    • Webpack4.X原理篇
    • Webpack基础入门篇
    • Webpack构建优化篇
    • TypeScript使用指南
    • 代码规范
      • 前端规范
      • HTML
      • CSS
      • JS
  • Html探索系列
    • HTML基础知识
    • HTML基础知识02
    • HTML常见问答
    • HTML经典实践用例
    • HTML元素的宽高及位置详解
    • Video元素的使用和常见问题总结
    • Html探索系列 Meta标签
    • DOCTYPE:文档类型与浏览器模式
    • DHTML(动态网页)简介
    • HTML标签详解
    • HTML布局的几种方式
    • HTML全局属性
    • 关于Html
  • Js探索系列
    • 基础知识
    • 常见问答
    • 应用示例
    • 趣味示例
    • 基础篇 05 AJAX
    • 基础篇 06 Window对象
    • 基础篇 07 Error、JSON、Math、Console对象
    • 基础篇 08 History、URL、Screen、Navigator、Location对象
    • 基础篇 09 文档对象模型(DOM)
    • 基础篇 10 Document对象
    • 基础篇 11 Element对象
    • 基础篇 12 Event对象
    • 基础篇 13 键盘、鼠标、触摸事件
    • 基础篇 15 CSS对象模型(CSSOM)
    • 进阶篇 01 Prototype对象和继承
    • 进阶篇 02 Promise对象
    • 进阶篇 07 迭代器(Iterator)
    • 进阶篇 08 Generator和Async函数
    • 进阶篇 09 JavaScript异步编程
    • Date对象和日期时间字符串格式
    • Canvas基础入门篇
    • Canvas进阶篇
    • SVG基础入门篇
    • 四种判断数据类型方法的优缺点
    • 深入理解JavaScript的浅拷贝和深拷贝
    • 谈谈JavaScript的作用域和上下文
    • 复制内容到剪贴板
    • 关于Javascript
  • NodeJs
    • 关于Node.Js
    • Node.Js:三种调试方法
    • Npm包管理器简介及一些机制
    • NPM:Package.Json详解(中文)
    • NPM:从零开始,开发一个软件包
    • NPM:常用命令
    • Node.Js:Fs(文件系统)
    • Node.Js:Global(全局变量)
    • Node.Js:HTTP
    • Node.Js:Module(模块)
    • Node.Js:Path(路径)
    • Node.Js:Readline(逐行读取)
  • Research
    • 极细边框(1px边框)实现方式
    • 如何监控前端异常?
    • H5页面跳转和刷新
    • Web主题切换和个性化定制方法总结
    • Vue SSR(服务端渲染)的简单实现
    • 基于Create React App打造代码规范化的React+Ts项目
    • H5可视化编辑
    • Web常用功能
    • Javascript加密混淆
    • Vue如何导入TypeScript
    • 移动端PDF预览
    • 纯CSS绘制箭头
    • 网站性能测量和优化方法
  • Tech
    • GOOGLE浏览器的搜索技巧
    • Curl的用法指南
    • Sublime3插件篇
    • Charles安装及使用
    • Nginx基础使用
    • 排序算法(Javascript)
    • 代码整洁之道(摘录笔记)
    • Java的24种设计模式与7大原则
    • 观察者和发布订阅模式
  • Tools
    • Git
      • Git基础教程
      • Git常见问题
    • Gitbook
      • Gitbook入门篇
      • Gitbook插件篇
      • Gitbook进阶篇
由 GitBook 提供支持
在本页
  • 如何清理Chrome的favicon缓存?
  • 如何在Chrome禁用/启用JavaScript?
  • 如何在Chrome禁用/启用CSS?
  • vue debugger 定位不准确
  • a 标签的资源链接无法跳转或下载?
  • vue检查hostname
  • Chrome 开发者工具报错(touch)
  • HTTP 请求错误:net::ERR_CONNECTION_RESET
  • IOS:发生了SSL错误,无法建立与该服务器的安全连接

这有帮助吗?

  1. Bugs

浏览器常见问题概览

如何清理Chrome的favicon缓存?

cd /Users/$USERNAME/Library/Application\ Support/Google/Chrome/Default
rm Favicons Favicons-journal
#重启chrome

如何在Chrome禁用/启用JavaScript?

点击屏幕右上角的菜单图标(三个点) -> 设置 -> 隐私设置和安全性 -> 网站设置 -> JavaScript -> 选择 ”网站可以使用JavaScript“ 或者 ”不允许网站使用JavaScript“。

如何在Chrome禁用/启用CSS?

安装 Chrome 插件:Web Developer。Web Developer 扩展向浏览器添加了一个带有各种 Web 开发工具的工具栏按钮。

  • 禁用 Javascript、通知、弹层等

  • Cookies 管理:禁用、增删查改等

  • 禁用 Css、修改盒子模型、查看Css等

  • 表单、图片、信息等管理

vue debugger 定位不准确

浏览器调试界面,断点停下来的地方并不是 debugger 那一行。有时候差一点,有时候差很多。

解决: 在 vue.config.js 添加:

module.exports = {
    chainWebpack: config => {
        if (!isProductionEnv) {
            config.devtool('source-map')
        }
    }
}

a 标签的资源链接无法跳转或下载?

  • 原因一: 资源链接权限问题。

  • 原因二: 链接协议问题。比如:当前访问链接是 https,资料链接是 http。

vue检查hostname

由于新版的 webpack-dev-server 出于安全考虑,默认检查 hostname,如果 hostname 不是配置内的,将中断访问。

解决方法如下:

devServer: {
	disableHostCheck: true,
}

Chrome 开发者工具报错(touch)

Chrome 报错:

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>

这是 Chrome 为了提高页面的滑动流畅度而新折腾出来的一个东西。

由于浏览器必须要在执行事件处理函数之后,才能知道有没有掉用过 preventDefault() ,这就导致了浏览器不能及时响应滚动,略有延迟。

所以为了让页面滚动的效果如丝般顺滑,从 Chrome56 开始,在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数,会默认为是 passive: true。

浏览器忽略 preventDefault() 就可以第一时间滚动了。

解决方法一:

body {
  touch-action: none;
}

解决方法二:

window.addEventListener('touchstart', function(event) {
    event.preventDefault();
});

解决方法三(不推荐):

window.addEventListener('touchstart', function() {}, { passive:false })

相关链接:

HTTP 请求错误:net::ERR_CONNECTION_RESET

net::ERR_CONNECTION_RESET 是 Chrome 浏览器抛出的错误,在其他浏览器,比如,Firefox,则抛出 The connection was reset 错误。

连接重置(Connection reset)是在访问网站时,浏览器无法建立连接时发生的。连接被“重置”,这意味着服务器不能将数据传输到您的浏览器。

在大多数情况下,是网络连接的问题:

  • 虚拟专用网络(VPN)出现问题,比如,没配置公网解析;

  • 防火墙或防病毒程序阻止了到远程服务器的连接;

  • 代理设置有问题;

  • 浏览器缓存有问题。

IOS:发生了SSL错误,无法建立与该服务器的安全连接

私钥与证书不匹配

似乎 cPanel 找不到为此 SSL 证书创建的私钥。私钥与 CSR Key 一起生成。可能错误地删除了此密钥。如果您在同一台服务器上安装了多个 CSR 密钥和私钥,cPanel 将无法找到正确的私钥。

解决方法:可以手动查找随 CSR Key 一起生成的原始私钥并将其粘贴到私钥框中。

可能安装了默认的自签名证书

因为主流浏览器不信任或不支持自签名 SSL 证书,但服务器 WHM / cPanel 设置可能配置了默认的 WHM 自签名 SSL。在常规实践中,所有 WHM 配置都设置自签名,并为此 SSL 中配置的所有域账户设置为共享 SSL。

网站证书不是由受信任的机构颁发

这是因为证书不在浏览器厂商的受信任的列表中。

ssl证书包含域名与网址不一致

每一个 ssl 证书所对应的域名都具有唯一性,是一个全域名 FQDN。当网站出具的证书所包含的域名和网站域名不一致,系统就会自动发出报告,提示证书域名不匹配。

解决方法: 需要重新申请 ssl 证书。如有相同主域名的多站点,则要申请多域名 ssl 证书。

网站证书已过期或还未生效

出现这种情况一般是电脑系统日期错误,另一种就是证书过了有效期,则需要续费。

解决方法: 可查看该证书信息的有效起止日期,确定证书是否在有效期内,如在的话需查看电脑日期是否正确。否则就是第二种原因,ssl 证书不在有效期内,需尽快联系证书颁发厂商,进行续费。

系统时间不正确

如果系统时钟从通用时间选项中被删除,或者时间设置意外地改变了,使得你的系统时间错误,可能会导致 SSL 错误问题。

解决方法: 将系统时间设置回到正确的日期和时间,那就可以继续正确连接。

页面包含有不安全的内容

目前都提倡每一个页面使用 HTTPS,则网站所有内容都必须是 HTTPS。如果遇到图片、Js 脚本,FLASH 插件是通过 HTTP 方式去调用的,就会发生这种错误。

解决方法: 将调用的元素 http 改成 HTTPS 即可,然后刷新测试 ssl 问题是否已经解决。

浏览器错误

有时浏览器可能会出错配置,或者插件可能会导致某些方面的工作方式有所不同,从而导致连接到其他合法网站时出现 SSL 错误问题。

解决方法: 需要准确诊断当前浏览器需要调整的内容,此外最快方法是:将浏览器重置为默认设置并禁用所有插件。当然,有更简单的方法:只需尝试其他浏览器即可。

中间人(代理器)

中间人(MITM)不只是黑客,许多程序和设备拦截流量以进行检查,然后将其发送到应用程序服务器。这也构成了 MITM,都可能导致 SSL/TLS 协议错误。它可能类似于阻止连接的网络防火墙,或者可能是服务器端网络上边缘设备上的配置。

上一页前端调试随笔下一页浏览器兼容问题概览

最后更新于1年前

这有帮助吗?

解决方法:安信 SSL 证书建议使用 SSL 保护的域名购买专用的 SSL 证书。此专用SSL证书将由受信任的证书颁发机构(如、等)颁发,并在 SSL 中包含您的域名。因此,Web 浏览器将信任此 SSL,并且不会显示更多警告或消息。

vue问题解决] chrome浏览器Unable to preventDefault inside passive event listener due to target being treated as passive.
Easy fix for: Unable to preventDefault inside passive event listener due to target being treated as passive
Unable to preventDefault inside passive event listener
How to Fix the “ERR_CONNECTION_RESET” Error (5 Ways)
Symantec
GeoTrust
ssl 错误无法建立安全连接什么情况?