打开extension调试模式，加载文件目录，在chrome extension按钮出现后，右键inspect popup，添加调试断点，F5进入断点
本文是深入浅出 ahooks 源码系列文章的第九篇，这个系列的目标主要有以下几点：
STEP 1：设置开发环境 与 Yeoman 的所有交互都是通过命令行。Mac 系统使用 terminal.app，Linux 系统使用 shell，windows 系统可以使用 cmder/Powe
👋 你好，我是 Lorin 洛林，一位 Java 后端技术开发者！座右铭：Technology has the power to make the world a better place.
在日常使用中，我们可能经常有一些需求会用到 Selenium 这个 Python 库 经过一番探索，算是找到了一种解决方案（百度看的几篇文章好像报错….) 先看效果图： 📷 示例地址： Actions · zkeq/icodeq-api (github.com) image.png 上面的地址如果运行正常的话，就说明本篇教程的内容还适用~ 话不多说，开始教程 首先，你得有代码吧.. 那么我们想要在云端运行的话，首先这个代码要可以在本地运行。 这里提供一段示例的代码。这份代码的操作是打开网易云的 MV
chatgpt越来越火了，我也来蹭一波热度 思路是这样的：开发一个chrome插件，在网页中选中文字，右键选中chatgpt菜单，将选中文字提交到 chatgpt,然后返回搜索结果。 当然开始之前，你需要注册chatgpt,获取到相关使用密钥 一。先在chrome插件里注册配置调用的密钥页面
这里我们演示中，prometheus以及mysqld_exporter都使用容器进行运行。这里我的服务器配置为阿里云2h4g
@homepage, @homepageURL, @website and @source
Urllib、re是自带的库，而requests库可使用pip3 install requests安装
也可以根据url参数中的lang来识别，还能根据localStorge里面的参数进行识别
本文通过对chrome插件的各个部分进行快速的介绍，从而让大家了解插件各个部分的关系，并且知道如何将其进行组装成一个完整的chrome插件。
编译器信息最新动态推荐关注hellogcc公众号 本周更新 2022-11-30 第178期
Vue 是我使用的第一个 JS 框架。可以说，Vue 是我进入JavaScript世界的第一道门之一。目前，Vue 仍然是一个很棒的框架。随着 composition API 的出现，Vue 只会有更大的发展。在这篇文章中，我将介绍 10 个有用的自定义钩子，让我们的代码更加好看。
目前，Vue 仍然是一个很不错的框架。随着 composition API 的出现，Vue 会有更大的发展空间。在这篇文章中，我将给大家介绍 10 个有用的自定义钩子，让大家的代码更加优美好看。
不得不说selenium不仅在自动化测试作为不可或缺的工具，在数据获取方面也是十分好用，能够十分快速的见到效果，这都取决于selenium框架的足够的灵活性，甚至在一些基于web端的自动化办公都十分有效。
今天在本地复现某漏洞时要用到Hackbar插件才发现谷歌浏览器将我原来用的Hackbar 2.1.3自动升级到了2.3.1，又得重新绕过它的许可证限制，所以就想着写这么一篇记录文章，希望能帮助到一些刚踏入安全行业的的新人朋友。
最近正在对AdminWork（naiveui）版本进行重构，这次重构可以说基本上是对框架的核心功能进行重写了一次。了解过AdminWork源码的小伙伴可能知道，在LayoutStore中有一个很大的全局响应式对象，当然这样做是没有问题的，可以随着项目的开发，这种模式可能显得不太好，不利于扩展和维护。
在如今信用卡时代，信用卡盗刷案例层出不穷，作案方式也是五花八门。如中间人（MITM），恶意软件和rootkit攻击。一旦攻击者获得数据访问权限，他们会将窃取到的信用卡信息转移到他们的服务器，然后将其用于匿名支付或出售以赚取利润。 最近我们研究了几款最受欢迎的四种浏览器—Internet Explorer（IE），Microsoft Edge，Google Chrome和Mozilla Firefox是如何存储信用卡数据以及其他的安全风险。
本地存储，在浏览器中包括了 Cookies、Local Storage、Session Storage、WebSQL 和 IndexedDB 这 5 种形式的本地存储，它们之间的区别:
Selenium 是一个用于测试 Web 应用程序的框架，该框架测试直接在浏览器中运行，就像真实用户操作一样。它支持多种平台：Windows、Linux、Mac，支持多种语言：Python、Perl、PHP、C# 等，支持多种浏览器：Chrome、IE、Firefox、Safari 等。
Puppeteer 是一个网页的自动化测试工具，它支持写一些 JS 脚本来控制浏览器执行一些行为，可以用来跑测试用例，或者用来做爬虫。
如果上面运行 sudo dpkg -i google-chrome*.deb命令之后报错
我们看到创建一个udp服务器很简单，首先申请一个socket对象，在nodejs中和操作系统中一样，socket是对网络通信的一个抽象，我们可以把他理解成对传输层的抽象，他可以代表tcp也可以代表udp。我们看一下createSocket做了什么。
但是部署到服务器（Linux）上 就总是报错：cannot find module 'puppeteer'或是'failed to launch the browser porcess!' 。
在chrome[1]插件开发中我们知道，background.js是独立于浏览器的，在background.js中主要负责popup与content.js的交互,在某些时候，也许你需要在一个插件的设置页与content进行实时通信，此时你能想到什么样的方式吗？本文是在插件业务通信总结的一篇笔记，希望看完能在实际业务中带来思考和帮助
在网络上折腾了半天都没有找到好办法，最后使用了下列脚本运行后成功安装好mac下的selenium+chrome环境。实验时间–2016-12-20.附mac下chrome驱动包下载。
使用Reuqests-html的render函数，它会在用户目录（默认是~/.pyppeteer/）中下载一个chromium，然后用它来执行JS代码。
HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie 使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能。
Cache API是Service Worker实现离线访问的基础，因此需要开发者设计站点资源持久化存储的逻辑。
PWA（Progressive web apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。
1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带来三个优势： 离线浏览 用户可在应用离线时使用它们 速度 已缓存资源加载得更快 减少服务器负载 浏览器将只从服务器下载更新过或更改过的资源。 根据标准，到目前为止，H5 一共有6种缓存机制，有些是之前已有，有些是 H5 才新加入的。 浏览器缓存机制
大家知道，Vue2.x之后，Vuex状态管理是必须要掌握的一个技术点，今天北妈先介绍下Vuex是什么，然后在介绍几个封装好的操作本地缓存、状态的几个组件，需要的童鞋赶紧拿走，可能有很多人已经再用了，并不是什么高大上的东西，只是让更多的人能加快开发的效率。
本文作者：IMWeb coolriver 原文出处：IMWeb社区 未经同意，禁止转载 1 前言 对于一个web前端开发者，chrome浏览器是一个工作，学习和生活的必备工具。除了chrom
对于一个web前端开发者，chrome浏览器是一个工作，学习和生活的必备工具。除了chrome本身的基本能力（控制台等）外，能大幅提高这个神器的使用体验的是，可扩展能力（插件）以及丰富的插件生态。
由于业务需求, 笔者要为公司开发几款实用的浏览器插件,所以大致花了一天的时间,看完了谷歌浏览器插件开发文档,在这里特地总结一下经验, 并通过一个实际案例来复盘插件开发的流程和注意事项.
直接将脚本注入到页面中，但是也可以包含CSS文件，但是在注入CSS文件时，要小心，否则会覆盖网页原本的样式。content-scripts中的JS程序和原始页面共享DOM，但是和原始页面的JS不是在同一个环境下运行的，所以我们是无法访问到原始页面中定义的变量的因为是是注入到页面中的，所以在安全策略上不能访问大部分的API，除了下面的四种：
在经历了两次对Chrome Ext安全的深入研究之后，这期我们先把Chrome插件安全的问题放下来，这期我们将一个关于Chrome Ext的番外篇 – Zoomeye Tools.
最近在做一个Edge插件，突然离开webpack和npm有点陌生而又兴奋的感觉。从最简单的http请求到i18n，都自己手撸了一遍。后来某一天，看到chrome文档有官方的i18n方案，就弃用了自己封装的代码。在这里，我把代码贴出来，纪念一下我"逝去"的代码~
一直以来都是在windows本地上运行脚本执行，对如何在Centos服务器上运行脚本一无所知。一直以为需要打开浏览器，看着页面才能运行，结果…趁着今天无事，研究了一下。
出于好奇和学习的心态，我想试下能不能自动填写表单；首先我想的是 JavaScript，因为毕竟是网页，所以首选的还是 JS，之后我创建了个 TEST 的表单进行测试，比较每次请求的路径与参数。
想要做好取证分析工作，工具和技术只是辅助，思路才是核心和重点。本文将详细分享Microsoft Windows操作系统的基础数字取证知识，了解数据的存放位置和对应部件，便于快速确定关键证据，内容包括windows时间规则、文件下载、程序执行、文件删除/文件信息、浏览器资源、外部设备/USB使用、账户使用情况、文件/文件夹打开、网络活动/物理位置。
2、Linux VM_0_10_centos 3.10.0-514.26.2.el7.x86_64 #1 SMP Tue Jul 4 15:04:05 UTC 2017 x86_64 x86_64 x86_64 GNU/Linux
1.storage 模块有一个限制就是浏览器端（H5）只能存储小于5M的数据，因为在 H5/Web 端的实现是采用 HTML5 LocalStorage API,iOS 和 android 端没有任何限制 2.这个模块存储的数据在同一个应用的任意一个vue页面都可以进行访问,它们共享本地数据
浏览器扩展程序是可以修改和增强 Web 浏览器功能的小程序。它们可用于各种任务，例如阻止广告，管理密码，组织标签，改变网页的外观和行为等等。
本章的主要内容有： ---- [1] 用于媒体回放的 video 和audio 元素 [2] HTML5拖放 [3] canvas简单应用 [4] Web存储: localStorage 和 SessionStorage [5] Input输入类型 [6] 表单类型 [7] 表单属性 [8] 地理定位 (geolocation) [9] Web Workers: Worker [10] 服务器发送事件 EventSource ---- [1] 用于媒体回放的 video 和audio 元素 video 支持
这里是创建了一个全屏的黑色遮罩层，然后在上面裁剪掉stencil的区域。要改变区域，我们仅仅须要改变stencil的位置和大小就能够了。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
