浏览器
文章平均质量分 89
追逐、
这个作者很懒,什么都没留下…
展开
-
使用 Wireshark 调试 HTTPS请求
通过导入私钥的方式让wireshark能够抓取https报文原创 2022-08-22 22:14:25 · 3014 阅读 · 1 评论 -
前端也需要深度了解HTTPS协议
对于熟练的前端开发来说,http请求是最常见不过的家常便饭。但是对于深度疑难问题,只会F12的网络分析,就显得有些不足了;本文深度介绍https原理,及对前端开发的实际帮助。原创 2022-08-22 20:49:27 · 1144 阅读 · 0 评论 -
前端开发也要知道的 DNS
前端开发也要知道的 DNSDNS是什么DNS的解析过程本地DNS服务器配置DNS的缓存策略分析浏览器缓存dns策略chrome浏览器缓存时间缓存清理firefox浏览器缓存时间缓存清理ie浏览器缓存时间缓存清理host文件缓存缓存时间缓存查看缓存清理本地缓存缓存查看缓存时间缓存清理DNS一对多情况下的浏览器的处理测试前置工作测试一、每个浏览器解析一个新域名双网卡DNS服务器的解析顺序DNS解析的一些知识DNS是什么DNS的解析过程本地DNS服务器配置DNS的缓存策略分析浏览器缓存dns策略为了测原创 2022-05-09 15:49:34 · 1207 阅读 · 0 评论 -
浏览器worker与系统进程和线程的关系&效率转换
背景准备工作1、环境准备项目Value操作系统win10cpu$12内存$12、工具准备1.1 浏览器任务管理器 (shift+esc)1.2 windows系统资源监视器3、浏览器进程线程知识储备xxx4、demo代码准备步骤创建index.html,挂载IIS;!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Ty原创 2021-08-30 20:32:23 · 1218 阅读 · 0 评论 -
JS EventLoop 动图学习 (一)
JavaScript是单线程的语言事件循环Event Loop,这是目前浏览器和NodeJS处理JavaScript代码的一种机制,而这种机制存在的背后,就有因为JavaScript是一门单线程的语言。单线程和多线程最简单的区别就是:单线程同一个时间只能做一件事情,而多线程同一个时间能做多件事情。而JavaScript之所谓设计为单线程语言,主要是因为它作为浏览器脚本语言,主要的用途就是与用户互动,操作Dom节点。而在这个情景设定下,假设JavaScript同时有两个进程,一个是操作A节点,一个是删转载 2021-08-24 22:09:21 · 260 阅读 · 0 评论 -
客户端导入证书解决连接不是私密连接的问题
一、问题产生当访问服务端证书为非信任机构颁发的私人证书时,网页一般会有您的访问不是私密链接,或者网站证书不可信等提示:此时,在大部分场景下,可以通过继续前往我们可以通过点击 高级–>继续前往,解决这个问题,然而,在网站左上方还会有不安全提示;还有极小部分场景,例如safary,低版本火狐浏览器等没有继续前往选项,是因为浏览器的安全策略比较高导致的;此外,浏览器对于每一次点击继续前往动作是有信任期的,一旦信任期过了,就会继续出现上述告警;最为严重的是,还会产生浏览器概率屏蔽所有请求的问题,参原创 2021-08-23 20:45:30 · 1766 阅读 · 0 评论 -
谷歌浏览器不安全的连接牵扯的系统缺陷
一、现象大家都知道,对于https私有证书,浏览器在打开网页时会提示,与该网站的连接不是私密连接。此时我们可以选择高级–>继续前往该网站,以让浏览器暂时信任该网站:点击信任后,在浏览器地址栏边上会出现如下提示:表示浏览器已经选择暂时信任(屏蔽安全警告)该网站了,你在一段时间内,继续访问该网站,不需要再做如上的操作。现在问题来了:在BS架构的系统中,客户反馈概率出现网站点击无反应,数据请求异常的情况。刷新后就会再次出现您的连接不是私密连接的提示,点击继续前往后,一切又恢复正常。后来在控制台日原创 2021-06-15 15:17:14 · 929 阅读 · 0 评论 -
狠狠地聊一下UI自动化测试
我发现了,大家极度关心自动化测试,尤其是UI自动化测试,虽然现在作为专项测试,离开这些越来越远了,但总能遥想以前,我总能想起自己做nokia的WindowsLive的ui自动化,做web的自动化测试,后面加入腾讯,写过pc的自动化,作为早期的终端测试,做android的自动化,然后mac的,然后ios。 先不说有多少成功经验,但是确实有一些感悟,现在分享给大家,希望能帮助大家思考,少走弯路。UI自动化测试的真实价值测试生命中三大幻觉:今天能发布明天能发布UI自动化实现了,测试就可以不用测了转载 2021-05-17 21:29:39 · 569 阅读 · 0 评论 -
SMC前端开发者自动化测试用例开发指南
SMC前端自动化测试用例开发指南一、前置步骤1.1 如何运行测试框架1.1.1 生产环境运行1.1.2 开发&调试环境1.2 用例的树状设计概念1.3 一个用例产生的过程二、用例设计2.1 设计原则2.1.1 页面覆盖度原则2.1.2 业务最小化原则2.2 设计步骤三、用例实现3.1 代码结构3.1.1 `cases`3.1.2 `config`3.1.3` core`3.1.4 `enum`3.1.5 `interfaces`3.1.6 `utils`3.2 Case类3.2.1 `exec` 函原创 2021-04-10 21:23:36 · 2079 阅读 · 0 评论 -
浏览器持久化调试日志解决方案
一、痛点当前前端调试日志面临无法持久化的问题。当前大家一定经历过为了复现一个前端问题,需要刷新多少遍页面,操作多少次业务流程;一定经历过客户现场偶先莫名其妙的问题,而后浏览器日志又取不到;一定经历过好不容易复现的问题,打开f12的时候,控制台却空空如也。所以,前端调试日志持久化解决方案,呼之欲出。二、尝试2.1 通过更改浏览器启动项设置日志在一番百度大法好以后,发现谷歌浏览器可以通过设置启动项 --enable-logging --v=1 或者 --log-net-log=D:/log345.txt原创 2021-03-11 16:06:10 · 913 阅读 · 0 评论 -
Chrome访问https页面显示ERR_CERT_INVALID,且无法跳过继续访问
在访问网页的时候,因为浏览器自身的安全设置问题,对于https的网页访问会出现安全隐私的提示,甚至无法访问对应的网站,尤其是chrome浏览器,因此本文主要讲解如何设置chrome浏览器的设置,来解决该问题,具体如下:问题Chrome访问https页面显示ERR_CERT_INVALID,以往版本可以选择跳过,继续访问,但是新版本Chrome不允许继续,且提示:您的连接不是私密连接攻击者可能会试图从 XX.XX.XX.XX 窃取您的信息(例如:密码、通讯内容或信用卡信息)。了解详情 ,NET.转载 2021-03-06 08:57:18 · 5781 阅读 · 2 评论 -
Webpack 插件扫盲系列(四) WorkboxWebpackPlugin
一、背景要了解WorkboxWebpackPlugin,首先需要说两个概念:第一个是ServiceWorker,第二个是PWA。ServiceWorker 本人写了一篇浅谈,大家可以先看一下。关于PWA,网上的讲解也很多,大家看完ServiceWorker,就知道ServiceWorker其实是基于WebWorker的一门技术。而PWA,就是基于ServiceWorker的一门技术。#mermaid-svg-gugOl7MTKFg3nMxO .label{font-family:'trebuchet m原创 2020-12-29 19:24:56 · 5493 阅读 · 0 评论 -
浅谈 Service Worker 在缓存资源以及Web Push上的应用
一、 service worker 是什么一句话概括一个服务器与浏览器之间的中间人角色,如果网站中注册了service worker那么它可以拦截当前网站所有的请求,进行判断(需要编写相应的判断程序),如果需要向服务器发起请求的就转给服务器,如果可以直接使用缓存的就直接返回缓存不再转给服务器。从而大大提高浏览体验。细碎的描述基于web worker(一个独立于JavaScript主线程的独立线程,在里面执行需要消耗大量资源的操作不会堵塞主线程)在web worker的基础上增加了离线缓存的能力原创 2020-12-29 15:44:11 · 2072 阅读 · 2 评论 -
浏览器缓存机制解析
一、缓存过程分析浏览器与服务器通信的方式为应答模式,即是:浏览器发起HTTP请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果,会根据响应报文中HTTP头的缓存标识,决定是否缓存结果,是则将请求结果和缓存标识存入浏览器缓存中,简单的过程如下图:由上图我们可以知道浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中以上两点结论就是浏览器缓存机制的关键,他确保了每个请求的缓存存入与转载 2020-11-02 14:59:27 · 658 阅读 · 0 评论 -
从 7 道面试题看浏览器渲染过程与性能优化
前言移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。首屏作为直面用户的第一屏,其重要性不言而喻。优化用户体验更是我们前端开发非常需要 focus 的东西之一。本文我们通过 8 道面试......原创 2020-04-23 19:07:36 · 876 阅读 · 0 评论