javascript - 创建到另一个网站的链接并加载模式

标签 javascript jquery html

我刚刚看到一个网站,它可以创建到任何网站的链接,并在其他网站上单击该链接时显示一个模式。我只是好奇是否有人知道这是如何做到的?

这是执行此操作的测试链接:

https://twitter.com/workladuk/status/955752813333766144

最佳答案

该方案的工作原理如下:

请注意,单击评论中提到的推文中的链接(参见 https://twitter.com/workladuk/status/955752813333766144 )实际上不会将您带到 StackOverflow,即使它似乎指向本文。

它将带您到http://readr.me/vc-25 ,一个完全不同的网站。从浏览器地址栏可以清楚地看出这一点。

通过使用浏览器开发人员工具检查该页面的 HTML,我们可以看到它实际上是一个完全不同的页面,包含带有注册表单的覆盖层,以及包含用户希望访问的页面的 iframe,给出他们在页面上并且只需要关闭弹出窗口即可查看它的错觉。一旦他们关闭弹出窗口,它实际上会发出一个全新的 HTTP 请求并将用户重定向到真实页面。

有趣的是,考虑到您使用的示例,这一点更加明显,因为当使用注册表单访问该网站时,其下方显示的 StackOverflow 页面显示我尚未登录,即使我在其他帐户中登录了 SO浏览器中的选项卡。这是因为在 iframe 中运行它会导致它在一个单独的 session 中运行,而我没有登录该 session 。这是另一个重要线索,表明我不在真正的 Stackoverflow 页面上。

所以要明确的是,绝对不会让弹出窗口出现在另一个网站上,因为如果不破解它,这是不可能的。相反,它实际上创建了另一个包含注册表单的页面,将用户重定向到该页面并将“真实”页面嵌入其中以创建幻觉。

关于javascript - 创建到另一个网站的链接并加载模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48399295/

相关文章:

html - Pseudo Class和Css Role如何应用主题

javascript - 访问不需要登录的网站时CSRF检查失败是什么意思?

javascript - Django 无法从 HTML 模板加载 JS 文件

javascript - 如何测试YUI3的get()方法返回的值?

Jquery添加类问题

php - 单击提交按钮时获取表单的 ID

javascript - 我可以运行在禁用的复选框中显示工具提示的 .hover 吗?

html - 如何更改otree中单选按钮的大小?

javascript - safari 扩展中弹出窗口下显示的 html 元素上的标题

javascript - 如何将值设置为来自另一个 json 对象的 json 对象?