首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从我使用Chrome扩展注入到网页中的iFrame获取LocalStorage

是一种通过Chrome扩展程序在网页中注入iFrame来访问网页的LocalStorage的方法。

LocalStorage是一种浏览器提供的客户端存储机制,用于在浏览器中保存数据。与Cookie相比,LocalStorage具有更大的存储容量(通常为5MB)和更长的数据存储周期。它可以在同一域名下的所有页面之间共享数据,并且只能通过JavaScript进行读写。

通过Chrome扩展程序注入iFrame来获取LocalStorage的过程如下:

  1. 创建一个Chrome扩展程序,可以使用JavaScript和HTML等技术来编写。扩展程序可以通过Chrome Web Store进行安装和管理。
  2. 在扩展程序的代码中,使用Chrome的API来创建一个iFrame,并将其插入到目标网页的DOM中。
  3. 在iFrame中使用JavaScript代码来获取目标网页的LocalStorage。可以使用window.localStorage对象来访问LocalStorage的内容。
  4. 将获取到的LocalStorage数据传递给扩展程序的其他部分进行处理或展示。

使用这种方法可以实现一些特定场景下的功能需求,例如在网页中注入广告、用户行为分析等。但需要注意的是,注入iFrame并获取LocalStorage可能会违反网页的安全策略,并且可能受到浏览器的限制。因此,在实际应用中,需要确保自己的行为符合法律法规,并遵循网页所有者的规定和限制。

腾讯云提供了一系列云计算相关的产品,其中包括云服务器、云存储、云数据库、人工智能等。推荐使用腾讯云的云服务器(CVM)来搭建扩展程序的后端环境,并使用云存储(COS)来存储扩展程序的相关文件。另外,可以使用腾讯云的云函数(SCF)来实现一些后台逻辑。具体产品介绍和链接地址可以参考腾讯云官方网站:https://cloud.tencent.com/

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

作为一个前端,可以如何机智地弄坏一台电脑?

起因 故事得localStorage说起。 html5本地存储,相信大家都不陌生。将数据以二进制文件形式存储本地,在当前应用得非常广泛。...然后就看到请求如潮水渐涨: 但是,请求1081端口,最新chrome就崩溃了.....原来iframe嵌套太多,已经到达了浏览器极限。 防止浏览器崩溃 C盘还未撑满,同志还需努力。...结果是这样,到达了1.17G大小。 在后续实验就慢慢把端口数量与存储数据调大。 电脑也运行得越来越慢。这是为什么呢?...观察,有时候执行localStorage.setItem()后,在文件夹里不一定立即能看到数据文件。...怀疑这些数据会被chrome先放到内存里,以避免重复读写带来消耗,在空闲或关闭时机,再写进硬盘里。 但此时,浏览器已经影响系统了。

69220

作为一个前端,可以如何机智地弄坏一台电脑?

起因 故事得localStorage说起。 html5本地存储,相信大家都不陌生。将数据以二进制文件形式存储本地,在当前应用得非常广泛。...然后就看到请求如潮水渐涨: ? 但是,请求1081端口,最新chrome就崩溃掉了…原来iframe嵌套太多,已经到达了浏览器极限。 防止浏览器崩溃 C盘还未撑满,同志还需努力。怎么办?...里面的数据是这样: ? 继续实验黑科技 算了下C盘还有空间嘛,那就把端口数量100增长到200个。 结果是这样,到达了1.17G大小。 ?...在后续实验就慢慢把端口数量与存储数据调大。 电脑也运行得越来越慢。这是为什么呢? 观察,有时候执行localStorage.setItem()后,在文件夹里不一定立即能看到数据文件。...怀疑这些数据会被chrome先放到内存里,以避免重复读写带来消耗,在空闲或关闭时机,再写进硬盘里。 但此时,浏览器已经影响系统了。

63710
  • 作为一个前端,可以如何机智地弄坏一台电脑?

    起因 故事得localStorage说起。 html5本地存储,相信大家都不陌生。将数据以二进制文件形式存储本地,在当前应用得非常广泛。...然后就看到请求如潮水渐涨: ? 但是,请求1081端口,最新chrome就崩溃掉了…原来iframe嵌套太多,已经到达了浏览器极限。 防止浏览器崩溃 C盘还未撑满,同志还需努力。怎么办?...里面的数据是这样: ? 继续实验黑科技 算了下C盘还有空间嘛,那就把端口数量100增长到200个。 结果是这样,到达了1.17G大小。 ?...在后续实验就慢慢把端口数量与存储数据调大。 电脑也运行得越来越慢。这是为什么呢? 观察,有时候执行localStorage.setItem()后,在文件夹里不一定立即能看到数据文件。...怀疑这些数据会被chrome先放到内存里,以避免重复读写带来消耗,在空闲或关闭时机,再写进硬盘里。 但此时,浏览器已经影响系统了。

    1.2K00

    简单方法检测远端用户反病毒软件

    使用操作系统是 Windows7,为了确保更安全,安装了卡巴斯基互联网安全防病毒软件。一天在一个 Web 页面上看到了一段非常有趣代码,在我看来它不该出现在页面上。...为什么 Facebook 会使用卡巴斯基网站 js 代码?立刻意识反病毒软件做了 MITM,在网页注入代码来跟踪页面的活动。...并注入 js 代码,在这个图片中我们可以看到更改 iframe 页代码 KIS 反病毒软件需要从 iframe.html 读取代码并分析字符串,如果页面有 kasperskylab_antibanner...Avira、Norton、DrWeb 和 Chrome 搭配进行检测,甚至还要安装插件来让反病毒软件可以注入特定数据页面以完成对页面的检测。...这种方法并不能保证百分之百检出反病毒软件,因为用户可以禁用安装 Chrome 扩展。 2. 这篇文章灵感主要来自于远程检测用户反病毒软件。 3. 相关代码可以在 GitHub 上找到。

    1.1K100

    fencedframe 可以替代 iframe 吗?

    这个可能有点难理解,且听我慢慢道来 ~ 三方 Cookie 对智能广告影响 老读者都知道,在之前文章多次介绍过三方 Cookie 禁用后影响以及一些解决方案,比如下面几篇文章: 当浏览器全面禁用三方...存储分区 会影响浏览器所有标准存储 API,包括 LocalStorage、IndexedDB 和 Cookie。在存储分区世界,跨第一方存储信息泄漏将大大减少。...使用 Fenced frames ,我们依然可以显示与访问者兴趣相匹配广告,但顶级站点是无法 frame src 属性推断出用户兴趣信息,这个信息只有广告商知道。...如果嵌入网页是受信任,还是用 iframe 即可。...兼容性 Chrome 97 版本后开始支持,其他浏览器尚未支持,如果需要在 Chrome 中试用,可以开启下面的 flag:

    2.3K10

    前端开发面试题总结之——HTML

    请描述一个网页开始请求道最终显示完整过程?...一个网页请求最终显示完整过程一般可以分为如下7个步骤: (1)在浏览器输入网址; (2)发送至DNS服务器并获得域名对应WEB服务器IP地址; (3)与WEB服务器建立TCP连接; (4)浏览器向...WEB服务器IP地址发送相应HTTP请求; (5)WEB服务器响应请求并返回指定URL数据,或错误信息,如果设定重定向,则重定向URL地址; (6)浏览器下载数据后解析HTML源文件,解析过程实现对页面的排版...不同浏览器内核对网页编写语法解释也有不同,因此同一网页在不同内核浏览器里渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核浏览器测试网页显示效果原因。...(4)使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好通过JavaScript动态给iframe添加src属性值,这样可以绕开以上两个问题。 Label作用是什么?如何使用

    1.8K80

    web常见安全问题

    XSS是注入攻击一种,攻击者通过将代码注入被攻击者网站,用户一旦访问访问网页便会执行被注入恶意脚本。...> 在这里因为src传入了一个错误URL,浏览器变回执行onerror属性设置javaScript代码。 可以使用功能单引号或者双引号,将用户输入转成字符串,再渲染html上。...Lax相对宽松一点,在跨站点情况下,第三方站点链接打开和第三方站点提交Get表单都会携带cookie.但是如果在第三方站点中使用Post方法或者通过img、iframe等标签加载URL,都不会携带...点击劫持 原理 将要攻击网站通过 iframe 嵌套方式嵌入自己网页,并将 iframe 设置为透明,在页面透出一个按钮诱导用户点击。点击按钮实际点击iframe里面的东西。...举个例子:比如我在b站发了一个视频,希望别人都给我一键三连,但是很明显很多人都是喜欢白嫖,不会点击一键三连,使用iframe,将b站嵌入一个网站里面,然后把iframe设置透明,用定位把一个按钮定位一键三连位置那里

    1.6K40

    从头开始写一个 Chrome 插件

    要知道后台运行脚本和网页本身脚本并不在一个进程里,所以直接打开网页审查是看不到这个后台脚本,如果要调试插件程序的话,要去 extension - inspect views 里面找。...判读刷了多久:当我 zhihu.com 域名离别的域名时(tab.onUpdate),或者当我去到别的 tab(tab.onActivated),或者干脆焦点不在 chrome 上了(windows.onFocusChanged...或者也可以简单使用 alert 在 chrome 上面弹窗。...,next_alarm_time 刷这个时间点就提醒,然后就是以每个域名为 key 每个域名访问了多少时间表,虽然逻辑上并不需要用这个字典,但将来可以扩展成特定网站每天或者每周给予特定访问时长...idle.onStateChanged 电脑休眠中苏醒和恢复时,记录一下 idle 状态,同时如果是休眠 active 状态,等同于 windows focus Changed 事件。

    96950

    八种方式实现跨域请求

    )是数据格式 JSON 一种“使用模式”,可以让网页别的网域要数据。...根据 XmlHttpRequest 对象受到同源策略影响,而利用 元素这个开放策略,网页可以得到其他来源动态产生JSON数据,而这种使用模式就是所谓 JSONP。...所有,通过Chrome查看所有JSONP发送Get请求都是js类型,而非 XHR。 ?...缺点: 只能使用Get请求 不能注册 success、error 等事件监听函数,不能很容易的确定 JSONP 请求是否失败 JSONP 是其他域中加载代码执行,容易受到跨站请求伪造攻击,其安全性无法确保...避免该错误,可以在Safari浏览器勾选 开发菜单 => 停用跨域限制。或者只能使用服务器端转存方式实现,因为Safari浏览器默认只支持CORS跨域请求。

    1.7K41

    如何进行渗透测试XSS跨站攻击检测

    Gecko 1.9开始,文件使用了更细致同源策略,只有当源文件父目录是目标文件祖先目录时,文件才能读取另一个文件。...X-Frame X-Frame-Options 响应头有三个可选值: DENY 页面不能被嵌入到任何iframe或frame SAMEORIGIN 页面只能被本站页面嵌入iframe或者frame...CSS 注入 CSS注入最早开始于利用CSS expression() url() regex() 等函数或特性来引入外部恶意代码,但是随着浏览器发展,这种方式被逐渐禁用,与此同时,出现了一些新攻击方式...Abusing Unicode Range 当可以插入CSS时候,可以使用 font-face 配合 unicode-range 获取目标网页对应字符集。...基于存储 有时候网站会将信息存储在Cookie或localStorage,而因为这些数据一般是网站主动存储,很多时候没有对Cookie或localStorage取出数据做过滤,会直接将其取出并展示在页面

    2.7K30

    界面劫持之拖放劫持分析

    02 拖放劫持核心思路 "拖放劫持"思路是诱使用隐藏不可见iframe"拖拽"出攻击者希望得到数据,然后放到攻击者能控制另外一个页面,从而窃取数据。...但是,这些 API 接口在设计时没有考虑很多安全性问题,导致通过拖拽就可以实现跨域操作。利用拖拽技术,攻击者可以突破很多已有的安全防御措施。 利用拖拽技术,攻击者可以轻易将文本注入目标网页。...另外一种方式是,通过浏览器 API 接口将 iframe 内容拖拽目标网页 text area ,攻击者就可以获得用户网页存在敏感信息。...4、拖动函数drag()和施放函数drop()都命名在iframe和textarea,并不是图片拖动,使用户以为自己在拖动图片,其实拖动是图片上放网页资源 5、火狐浏览器拖动过程流畅没有问题;IE...服务器检查该参数,判断用户身份真实性。因此成功实施 CSRF 攻击关键因素是正确获取 token 值,攻击者需要将载入目标网页 iframe token 自动添加攻击者可控组件后面。

    28930

    HTML 面试知识点总结

    回答: 认为 html 语义化主要指的是我们应该使用合适标签来划分网页内容结构。html 本质作用其实就是定义网页文档结构, 一个语义化文档,能够使页面的结构更加清晰,易于理解。...(4)重要内容不要用 js 输出:爬虫不会执行 js 获取内容 (5)少用 iframe:搜索引擎不会抓取 iframe 内容 (6)非装饰性图片必须加 alt (7)提高网站速度:网站速度是搜索引擎排序一个重要指标...第三种方式是使用 localStorage 方式,我们可以在一个标签页对 localStorage 变化事件进行监听,然后当另一个标签页 修改数据时候,我们就可以通过这个监听事件来获取到数据。...详细资料可以参考: 《WebSocket 教程》 《WebSocket 协议:5分钟入门精通》 《WebSocket 学习(一)——基于 socket.io 实现简单多人聊天室》 《使用 Web...(3)纯 js 实现,判断一个点在不在圆上简单算法,通过监听文档点击事件,获取每次点击时鼠标的位置,判断该位置是否在 们规定圆形区域内。

    1.9K20

    界面劫持之拖放劫持

    02拖放劫持核心思路"拖放劫持"思路是诱使用隐藏不可见iframe"拖拽"出攻击者希望得到数据,然后放到攻击者能控制另外一个页面,从而窃取数据。...但是,这些 API 接口在设计时没有考虑很多安全性问题,导致通过拖拽就可以实现跨域操作。利用拖拽技术,攻击者可以突破很多已有的安全防御措施。利用拖拽技术,攻击者可以轻易将文本注入目标网页。...另外一种方式是,通过浏览器 API 接口将 iframe 内容拖拽目标网页 text area ,攻击者就可以获得用户网页存在敏感信息。...4、拖动函数drag()和施放函数drop()都命名在iframe和textarea,并不是图片拖动,使用户以为自己在拖动图片,其实拖动是图片上放网页资源5、火狐浏览器拖动过程流畅没有问题;IE浏览器在拖动时能明显看出是在拖动网页资源...服务器检查该参数,判断用户身份真实性。因此成功实施 CSRF 攻击关键因素是正确获取 token 值,攻击者需要将载入目标网页 iframe token 自动添加攻击者可控组件后面。

    22520

    匿名 iframe:COEP 福音!

    大家好,是 ConardLi。 跨域隔离环境 在之前文章经常提到一个臭名昭著漏洞:Spectre 漏洞,详细可以了解下面这篇文章: 通过几行 JS 就可以读取电脑上所有数据?...一些 Web API 会增加诸如 Spectre 等旁道攻击风险,比如要利用 Spectre,攻击者需要精确测量内存读取某个值所需时间,所以需要一个可靠且准确计时器。...如何部署 COEP 可以看我这篇文章: 新跨域策略:使用COOP、COEP为浏览器创建更安全环境 启用跨域隔离环境挑战 虽然跨域隔离环境为网页带来了更好安全性和启用强大功能能力,但部署 COEP...同样,诸如 LocalStorage、CacheStorage、IndexedDB、等存储 API 都会在新临时分区中加载和存储数据。分区范围是我们顶层站点和 iframe 来源。...演示站点: https://anonymous-iframe.glitch.me/ 如何试用 Chrome 106 108 版本会开始匿名 iframe 试用,如果你迫不及待的话可以用下面的方法试用

    82820

    单点登录 3 种实现方式

    如果用户登录状态是记录在 Session ,要实现共享登录状态,就要先共享 Session,比如可以将 Session 序列化 Redis ,让多个应用系统共享同一个 Redis,直接读取 Redis...Chrome 浏览器还给 Cookie 新增了一个 SameSite 属性,此举几乎禁止了一切跨域请求 Cookie 传递(超链接除外),并且只有当使用 HTTPs 协议时,才有可能被允许在 AJAX...不过,在前后端分离情况下,完全可以不使用 Cookie,我们可以选择将 Session ID (或 Token )保存到浏览器 LocalStorage ,让前端在每次向后端发送请求时,主动将 LocalStorage...关键代码如下: // 获取 token var token = result.data.token; // 动态创建一个不可见iframe,在iframe中加载一个跨域HTML var iframe...Token 写入到了多个域下 LocalStorage ,前端每次在向后端发送请求之前,都会主动 LocalStorage 读取 Token 并在请求携带,这样就实现了同一份 Token 被多个域所共享

    78410

    单点登录三种实现方式,你会几种?

    如果用户登录状态是记录在 Session ,要实现共享登录状态,就要先共享 Session,比如可以将 Session 序列化 Redis ,让多个应用系统共享同一个 Redis,直接读取 Redis...Chrome 浏览器还给 Cookie 新增了一个 SameSite 属性,此举几乎禁止了一切跨域请求 Cookie 传递(超链接除外),并且只有当使用 HTTPs 协议时,才有可能被允许在 AJAX...不过,在前后端分离情况下,完全可以不使用 Cookie,我们可以选择将 Session ID (或 Token )保存到浏览器 LocalStorage ,让前端在每次向后端发送请求时,主动将 LocalStorage...关键代码如下: // 获取 token var token = result.data.token; // 动态创建一个不可见iframe,在iframe中加载一个跨域HTML var iframe...Token 写入到了多个域下 LocalStorage ,前端每次在向后端发送请求之前,都会主动 LocalStorage 读取 Token 并在请求携带,这样就实现了同一份 Token 被多个域所共享

    7.2K21
    领券