浏览器chrome
谷歌浏览器调试技巧
截取全屏图片 F12打开开发者工具 ctrl + shift + p Capture full size screenshot 回车 截取部分图片 F12打开开发者工具 Elements选中元素 ctrl + shift + p Capture node screenshot 回车 一键发起请求 F ......
谷歌Chrome浏览器排查js内存溢出
1. 打开谷歌浏览器检查台 2. 点击memory 3. 点击开始快照录制，时隔一会儿录一次，多录几次 4. 进行快照对比 ......
如何使用Selenuim浏览器自动化框架实现自动登录社交媒体账号和自动发布文章
在当今社交媒体盛行的时代，程序员们经常需要在不同的平台上自动执行一些任务，比如登录社交媒体账号并发布文章。本文将介绍如何利用Selenium浏览器自动化框架实现这一任务，同时结合万媒易发多平台内容同步助手，提高文章发布的效率。 技术栈 为了实现自动登录社交媒体账号和自动发布文章，我们将使用以下技术栈 ......
谷歌浏览器设置关闭不安全来源
谷歌浏览器输入地址栏输入：chrome://flags/ , 然后搜索 unsafely-treat-insecure-origin-as-secure，输入对应需要打开的域名 添加白名单 ......
浏览器插件 Obsidian web 与 Obsidian 插件 local rest api 结合配置过程记录
1. 安装浏览器插件 能到这里的肯定是已经有 Obsidian 了. 首先要安装 chrome 浏览器插件 Obsidian web 如图 2. 安装 Obsidian 上的插件 插件名为 local rest api, 如图 3. 设置浏览器插件配置 对应的 Obsidian web 中设置上 l ......
使用html文件渲染浏览器翻译json文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pre Tag E ......
实用浏览器插件
OneTab Chrome或者Edge浏览器， 是支持一次打开很多个Tab的这样的操作。 但是当我们打开太多的Tab的时候， 其实每一个Tab会变得很小， 不好管理和操作。 这个时候如果用One Tab就可以解决这个问题。OneTab可以把这些开的太多的窗口放到一个页面里面， 点击就可以打开这些Ta ......
断开网络麒麟总是自动打开浏览器
访问的网址：http://capnet.elementary.io 就是检测你有没有网络的 解决办法 sed -i '42d' /etc/NetworkManager/dispatcher.d/90-open_captive_portal 就是删掉了下面这行内容： ......
页面的json数据浏览器无法访问，还有什么别的办法获取数据？
大家好，我是皮皮。 一、前言 前几天在Python钻石流群【空】问了一个Python网络爬虫的问题，一起来看看吧。问题描述： 请教一个问题，页面的json数据浏览器无法访问，还有什么别的办法获取数据 图片如下： 这个问题看上去有点怪怪的。 二、实现过程 看上去代码倒是很简洁，没啥难度，这里【猫药师K ......
js阻止浏览器刷新，以防误操作丢失数据
//禁用回退 window.history.forward(1); history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(nul ......
【css】反向圆角，效果类似于谷歌浏览器的tab
<nav> <div :class="{ 'menu-item': true, 'activity': index == selectMenuIndex }" v-for="(menuInfo,index) in menuList" :key="index" @click="handelMenuCl ......
Why I see scss file in my chrome inspector?
Why I see scss file in my chrome inspector? Because there are map files in your CSS folder like *.css.map and *.scss.map. It basically reverse maps th ......
浏览器跨 Tab 窗口通信原理及应用实践
最近，相信大家一定被这么个动效给刷屏了： 以至于，基于这个效果的二次创作层出不穷，眼花缭乱。 基于跨窗口通信的弹弹球： 基于跨窗口通信的 Flippy Bird： 我也尝试制作了一个跨 Tab 窗口的 CSS 动画联动，效果如下： 代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - ......
windows edge浏览器免费复制网页文字
复制时，出现上面提示时候 使用edge浏览器打开链接，在http前面加入read: ，然后打开，即可复制 ......
浏览器搜索技巧
完全匹配搜索：查询词的外边加上双引号“” 中英文的引号都可以 例如在搜索“CT参数标定”时，想要得到连续完整字符串“CT参数标定”的搜索结果，而不是分别带有“CT”或“参数标定”的网页 标题必含关键词：查询词前加上intitle: 冒号为英文输入 例如搜索“intitle:CT参数标定”，则搜索结果 ......
记录--浏览器跨标签星球火了，简单探究一下实现原理
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、实现 原作者的粒子动画非常炫酷， 但是不是我们本文重点， 我们通过 ......
如何使用Tampermonkey开发并使用一个浏览器脚本
准备工作 简介 Tampermonkey 是一款强大的浏览器扩展，它允许您定制网页的行为，改变和优化网页的展示方式或者功能以满足个人需求。通过编写自定义脚本，您可以实现许多有趣的功能，从自动化任务到改进网页界面，一切尽在掌握。 脚本一般指用户脚本(User Script)，他是一段 Javascri ......
Live Server插件打开浏览器时：该网页无法正常运作，127.0.0.1未发送任何数据的问题解决
一、问题复现 今天使用Vs Code写HTML代码时，使用Live Server打开预览时，发现浏览器显示“该网页无法正常运作，127.0.0.1未发送任何数据”的问题。 二、解决办法 1. 在左侧工具栏找到扩展商店，找到Live Server，然后点击对应的小齿轮，进入插件设置。 2. 选择Ext ......
谷歌浏览器(Chrome) 打开所有网页报错错误代码：STATUS_STACK_BUFFER_OVERRUN
1、在开始菜单，搜索【Exploit Protection】，点击进入程序设置 2、添加程序进行自定义，点击左侧+号，选择【按程序名称添加】 3、程序名称输入：chrome.exe 4、在程序设置页面，往下翻到第十三个设置，【硬件强制实施地堆栈保护】，勾选替代系统设置，开关开启，选择仅审核，点击应用 ......
mac下，利用chrome浏览器长截图（滚动截图）
1、打开需要截图的网页，随便选一个，然后「右键」「检查」，如下图。 2、点击「检查」，出现控制台窗口后，按「command+shift+p」键，如下图所示。 3、在「Run」的后面，输入「capture full size screenshot」，或者单独输入某个单词，也能在列表中找到，如下图。 4 ......
浏览器是如何发起请求的
探索浏览器内部 本章看点 1. 浏览器如何解析网址； 2. 浏览器请求消息内容； 3. 向 DNS 服务器查询 Web 服务器的 IP 地址； 4. DNS 服务器接力查询； 5. 浏览器委托操作系统将消息发送给 Web 服务器的过程； 1 生成 HTTP 请求消息 1.1 URL 的种类 虽然我们 ......
浏览器关于 Largest Contentful Paint (LCP) 的计算机制
Largest Contentful Paint (LCP) 是一种用户体验的性能指标，旨在帮助开发者了解用户在浏览网页时视觉渲染的速度。LCP 主要衡量的是视觉上最大的页面元素何时出现在屏幕上，这包括图像元素、视频元素或者包含文本的元素（如段落或列表项）。如果 LCP 时间较长，用户可能会感觉到页 ......
火狐浏览器无法播放webrtc
新安装了火狐浏览器，然后发现无法播放WebRTC。 我的解决 本来找了n个方法，然后发现无效，还改了建立WebRtc连接的方法，还是不行，后来发现等火狐自己把插件安装完就行了 火狐安装之后，会慢慢自己安装这2个插件，自动更新，等他自动更新好之后就可以播放了。 我还找过自己安装的方法，点击更新可能能加 ......
Firefox developer tools truncates long network response, Chrome does not show
Firefox developer tools truncates long network response, Chrome does not show Firefox dev tools network inspector still truncates responses to 1MB by ......
Chrome浏览器STATUS_INVALID_IMAGE_HASH解决办法
1. 卸载118-119版本的Chrome浏览器，安装117版Chrome浏览器（使用管理员权限安装） 2. 关闭117版Chrome自动更新： 1°注册表中新建这两个DWORD属性，并设置属性值为0 2° 添加chrome快捷方式启动命令（-disable-background-networkin ......
Linux系统奇安信浏览器报错跨域：the resource is in more-private address space 'local'
报错： Access to XMLHttpRequest at "123" from origin "456" has been blocked by CORS policy:the request client is not a secure context and the resource is ......
Firefox 120, Chrome 120, Chromium 120 官网离线下载 (macOS, Linux, Windows)
Firefox 120, Chrome 120, Chromium 120 官网离线下载 (macOS, Linux, Windows) Mozilla Firefox, Google Chrome, Chromium, Apple Safari 请访问原文链接：https://sysin.org/ ......
浏览器为什么不用操作系统里面的CA根证书？
看看文心一言的回答： 更新及时性：操作系统和浏览器的更新频率不同，如果操作系统中的CA根证书已经过期或被撤销，而浏览器仍然使用该证书进行验证，那么就可能导致安全问题。因此，需要用户及时更新浏览器的CA根证书，以确保网站的安全性得到保障。 如果操作系统有对应的根证书，但是浏览器里面没有，这个时候通过浏 ......
全网页截屏Edge浏览器插件
【原创文章，请勿转载！】 发现一个超好用的插件：GoFullPage - Full Page Screen Capture。 可以download as PDF，图片，还有编辑功能。 点击一下，自动向下滚动网页画面。截取全网页屏。 ......