前段时间有个需求，系统有即时消息的功能，要求在收到消息后能有一个比较明显的提示，即使是在浏览器最小化的时候也能看到提醒。目前像 alert 、confirm 包括一些 JavaScript 控制的提示都是页面级的，只有在当前页签聚焦的情况像才能看到，更别说浏览器最小化了。于是就了解到 Web Notification。Notification 简介Notif
......
61
0
0
2024-10-22
目标:希望将知乎 消息和私信的红点隐藏,眼不见心不烦创建一个项目,目录结构如下:zhihu-extension/
manifest.json
script.js
其中manifest.json:{
"manifest_version": 3,
"name": "Remove Zhihu Chat Icon",
"v
......
57
0
0
2024-10-10
Web Scraper 是一个浏览器扩展，用于从页面中提取数据(网页爬虫)。对于简单或偶然的需求非常有用，例如正在写代码缺少一些示例数据，使用此插件可以很快从类似的网站提取内容作为模拟数据。从 Chrome 的插件市场安装后，页面 F12 打开开发者工具会多出一个名 Web Scraper 的面板，接下来以此作为开始。快速上手写个例子：提取百度首页底部几个导
......
383
0
0
2024-05-08
如果你想调试或排除任何问题，你需要一个像 lnav 这样的高级日志文件查看器。它在任何 Linux 系统的终端都能创造奇迹。lnav: 日志文件查看器lnav 可以即时解压缩所有的压缩日志文件，并将它们合并在一起进行漂亮的显示。显示是根据错误/警告的类型进行解析和格式化的，这有助于快速浏览成千上万的日志，特别是在服务器中。在分析日志的时候，时间戳是
......
511
0
0
2023-01-24
01—前言作为一名开发者，选择一个好的开发工具可以起到事半功倍的作用，正所谓：工欲善其事必先利其器！Google Chrome作为广大网民的一款首选浏览器，又不仅仅局限于浏览器，还自带或扩展了很多协助开发人员的插件和工具，帮助开发者们大大的提高了开发效率和便利。Google Chrome除了本身极快速的响应外，还有很多插件和功能值得推荐使用的，下面就粗略介绍
......
471
0
0
2023-01-17
目录安装 Memlab在 Demo App 中检测泄漏设置示例 Web App1. 克隆仓库2. 运行示例 App查找内存泄漏1.创建一个场景文件2.运行 memlab3.调试泄漏跟踪更多Memlab 是一款 E2E 测试和分析框架，用于发现 JavaScript 内存泄漏和优化机会。Memlab 是 JavaScript 的内存测试框架。它支持定义一个测试
......
361
0
0
2023-01-08
浏览器输入url一直到页面显示出来，经历哪些些过程呢，又是面试常客主要分为了6个步骤DNS解析TCP连接HTTP请求服务器处理请求并返回HTTP报文浏览器渲染连接结束一:DNS解析说白了就是把我们的域名转成ip地址过程，具体如何解析可以查看下图，一共分成8步，非常清楚二:TCP连接TCP 提供面向连接的服务，在传送数据之前必须先建立连接，数据传送结束后要释放
......
435
0
0
2022-12-20
按我想法的话，CSS 网格布局（grid）和弹性布局（Flexbox）应该同时出现才对，这样网页布局方案就变得完整了。事实是，弹性布局先出现，因为使用弹性布局创建类网格（grid-type）系统比使用浮动更加便捷，于是我们便得到了许多基于 Flexbox 的网格系统。实际上，Flexbox 的优势并不是用来创建网格系统，这也是为什么有时我们在用它创建网格系统
......
554
0
0
2022-11-11
浏览器插件，轻松-快速获取网站源代码我们在学习和研究的时候，需要网站的源代码进行借鉴，但每次需要下载网站源代码，我们都需要找到一个，下载一个，每次只能下载一个文件，非常缓慢，而且还要自己拼凑一下源代码文件。非常不方便。那我们要如何才能快速下载网站的源代码进行研究呢？1、普通下载方式我们先来介绍一下普通的下载方式。首先，进入浏览器，找到我们需要的网站，然后按f
......
540
0
0
2022-10-29
Brave 是一款出色的类似于 Chrome，但可 替代 Chrome 的网络浏览器。Firefox 和 Brave 是我喜欢在 Linux 系统上使用的两种浏览器。两者都有不同的优势。Firefox 比 Brave 做得更好的一件事就是画中画（PIP）模式，它适用于 YouTube、Netflix 和大多数流媒体网站。Brave 也有画
......
515
0
0
2022-10-16
我想我们都同意，Firefox 是 Linux 的最佳浏览器 之一。而且锦上添花的是，你可以用一些扩展来提高你的浏览体验! 也许甚至可以将 Facebook 隔离在容器中？😉在我推荐一些优秀的 Firefox 浏览器扩展之前，让我给你一些提示。安装 Firefox 扩展前须知我们都知道的一件事是 盲目地安装浏览器扩展可能是极其有
......
602
0
0
2022-10-12
本指南旨在帮助你了解如何在流行的浏览器，如 Firefox、谷歌 Chrome、Chromium 和微软 Edge 中启用深色模式。我们都喜欢深色模式。许多人喜欢它，而不是标准的浅色模式。虽然许多桌面应用提供了原生的深色模式，但一些应用通过桌面环境的基础模式适应深色模式。你不能否认，我们都在浏览器上花了好多时间。我们很少使用桌面应用（除非你是在工作，如视频编
......
582
0
0
2022-10-12
浏览器广告拦截器明年将被削弱
浏览器的广告拦截器和其他隐私工具是建立在 MV2 规范之上的。但谷歌在 2018 年开始为 Chromium 浏览器扩展开发 MV3 规范，并计划在明年 1 月停止支持 MV2。在谷歌看来，在 MV2 下的扩展对浏览器中打开的页面有太多的控制和访问。如果这些附加组件中的一个变成了流氓软件，它可以在你访问这些网页时收集关于你
......
422
0
0
2022-10-11
前言最近需要开发一个新的项目，对接客户的浏览器，拦截他的登录信息，但是只能使用IE浏览器，所以就准备开发一款IE插件。但是网上对chrome的开发教程比较多，IE的教程很少，所以我把我的开发过程记录下来，希望能够给需要的同学一些帮助。这里我们使用的开发语言是C#Ie的插件有以下几种方式：ActiveX：这种必须在网页内嵌入object对象，本身就已经存在于网
......
551
0
0
2022-10-10
浏览器请求过程浏览器的请求整个处理流程包括：无缓存：直接发送Web请求获取响应，并根据响应进行缓存协商(是否缓存、缓存时间、ETag和Last-Modified)有缓存并且新鲜：直接使用缓存有缓存但不新鲜：使用If-None-Match或If-Modified-Since进行缓存重验证，若返回304直接使用缓存，返回200则读取响应并进行缓存协商流程图如下：
......
597
0
0
2022-10-01