首页 / JAVASCRIPT / javascript-使用无会话或Cookie数据的iFrame(隐身)

javascript-使用无会话或Cookie数据的iFrame(隐身)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-使用无会话或Cookie数据的iFrame(隐身)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1489字，纯文字阅读大概需要3分钟。

内容图文

如果在HTML文档中使用iFrame元素,则子页面将加载来自浏览器的所有会话和cookie数据.

例如：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Stack Overflow in an iFrame</title>
  </head>
  <body>
    <h1>Stack Overflow in an iFrame</h1>
    <iframe src="https://stackoverflow.com" width="640" height="480" />
  </body>
</html>

暂时忽略SO实际上不允许其自身加载到iFrame中.如果是这样,则iFrame加载的SO页面将显示您已登录.

如何在没有任何Cookie或会话数据的情况下使用iFrame？ (例如Chrome中的隐身模式)

为什么？

我公司出售一种产品(网络应用),供人们用来建立自定义网站.当他们通过身份验证并访问他们的网站时,我们向他们显示经过验证的UI版本,以便他们可以编辑内容.未经身份验证的用户只能看到静态网站.使用多个浏览器或清除cookie对我们的用户来说不是一个合理的期望,因此我们希望在iFrame中向他们显示其网站的预览,以便他们可以看到访问者看到的内容.我们还希望以较小的分辨率iFrame显示网站的“移动”预览,以便他们可以看到访问者通过电话访问网站会看到什么.无需访问浏览器的cookie或会话数据就可以加载这些iFrame,以便它们以未经身份验证的模式加载,就像Chrome在隐身模式下一样.

我还没有尝试过任何东西,因为我不知道从哪里开始.我确实找到了HTML5 added some sandbox attribute values to the iFrame element,但是似乎没有一个可以帮助解决此问题.也许可以用JavaScript来完成某些事情,我们已经在项目中使用了jQuery.

注意：我们的目标是仅使用有效的HTML5

解决方法:

如果完全控制Webstack,添加一个将用户视为未经身份验证的预览参数会不会更容易？

例如：

<iframe src="https://stackoverflow.com?preview=1" width="640" height="480" />

然后绕过您的授权检查,是否存在预览标志.

内容总结

以上是互联网集市为您收集整理的javascript-使用无会话或Cookie数据的iFrame(隐身)全部内容，希望文章能够帮你解决javascript-使用无会话或Cookie数据的iFrame(隐身)所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/677149.html

来源：【匿名】

【上一篇】javascript-使用d3.behavior.drag()平移地图【下一篇】javascript 怎么调用php方法

更多 ►

【javascript-使用无会话或Cookie数据的iFrame(隐身)】教程文章相关的互联网学习教程文章

JavaScript操作cookie

“cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3school　cookie 是访问过的网站创建的文件，用于存储浏览信息，例如个人资料信息。从JavaScript的角度看，cookie 就是一些字符串信息。这些信息存放在客户端的计算机中，用于客户端计算机与服务器之间传递信息。在JavaScript中可以通过 document.cookie 来...

JavaScript操作cookie【代码】

封装js操作cookie工具对象cookie.js文件(function () {// cookie工具对象var cookieUtils = {};// cookie数据var data = {};/*** 设置cookie* @param key cookie的名称* @param value cookie的值* @param timeOfDay cookie的有效时长（单位是天）*/cookieUtils.set = function (key, value, timeOfDay) {var date = new Date();date.setTime(date.getTime() + (timeOfDay * 24 * 60 * 60 * 1000));document.cookie = key + "=" + v...

javascript 原生 cookie 处理【代码】

来自网络!function getCookie(name) {var start = document.cookie.indexOf(name + "=");var len = start + name.length + 1;if (( !start ) && ( name != document.cookie.substring(0, name.length) )) {return null;}if (start == -1) return null;var end = document.cookie.indexOf(‘;‘, len);if (end == -1) end = document.cookie.length;return unescape(document.cookie.substring(len, end));}function setCookie(name...

Javascript(JS)对Cookie的读取、删除、写入操作帮助方法【代码】

1var CookieUtils = {2 get: function (name) {3var cookieName = encodeURIComponent(name) + ‘=‘,4 cookieStart = document.cookie.indexOf(cookieName),5 cookieValue = null;6if (cookieStart > -1) {7var cookieEnd = document.cookie.indexOf(‘;‘, cookieStart);8if (cookieEnd == -1) {9 cookieEnd = document.cookie.length; 10 } 11 cookieValue...

javascript-Cookie的应用【代码】

在我平时开发网页的过程中，可能涉及到浏览器本地的存储，现在主流的浏览器存储方式有：cookie，直接读取xml，userData，H5 的LocalStorage等，Cookie存储数据有限，但对于数据量不大的时候操作还是比较方便的，今天我们先介绍一下cookie的使用，以及我后面简单封装一个cookie操作的单例，便于实现cookie的设置，获取，删除的方法。Cookie操作代码--下面这个例子主要是实现在网页打开的时候弹出一个提示框，但第二次以后刷新网页不...

漫谈JavaScript中的cookie【代码】【图】

什么是cookie？简单来说，cookie就是网站服务器存放在我们计算机上的一小段（一般大小不超过4KB）用来识别和记录用户的个人信息的文本。HTTP协议是一种没有“状态”的传输协议，也就是说，服务器无法识别任意两次访问是否有同一个来源，这样就不能判断用户信息，从而也就不能针对特定用户做出个性化设置。为了解决这个问题，cookie技术应运而生。cookie具体是怎么运行的呢？举个栗子，当我们在网页上登录了一次邮箱后，下一次再登录...

JS设置cookie，删除cookie【代码】【图】

第一种：（这个是w3c官网的代码）<script> //设置cookie function setCookie(cname, cvalue, exdays) {var d = new Date();d.setTime(d.getTime() + (exdays*24*60*60*1000));var expires = "expires="+d.toUTCString();document.cookie = cname + "=" + cvalue + "; " + expires; } //获取cookie function getCookie(cname) {var name = cname + "=";var ca = document.cookie.split(‘;‘);for(var i=0; i<ca.length; i++) {var ...

Js跨一级域名同步cookie【代码】

1. 纯Js同步两个域名下的cookiedocument.cookie = "name=" + "value;" + "expires=" + "datatime;" + "domain=" + "" + "path=" + "/path" + "; secure";//name Cookie名字//value Cookie值//expires 有效期截至(单位毫秒)//path 子目录//domain 有效域//secure 是否安全拿淘宝与天猫举例，淘宝登录后跳转到天猫页面，天猫页面有一个iframe，请求任意页面<iframe src=‘http://localhost:14373/test/Index‘ wi...

JavaScript操作cookie【代码】

1、设置cookie/*** 设置cookie*/function setCookie(name, value) {//获取当前时间var date = new Date();var expireDays = 10;date.setTime(date.getTime() + expireDays * 24 * 3600 * 1000);//将userId和userName两个cookie设置为10天后过期document.cookie = name + "=" + value + ";path=/;expire=" + date.toGMTString();}2、获取cookiefunction getToken(name) {var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)...

java与javascript对cookie操作的工具类

Java对cookie的操作package cn.utils; import java.util.HashMap;import java.util.Map; import javax.servlet.http.Cookie;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * 操作cookie的工具类(默认cookie的有效路径为"/") * @author zwq * @version 1.0 */public class CookieUtil { /** * 设置cookie * @param response @see javax.servlet.http...

selenium模块跳过用户名密码验证码输入，加载浏览器标签和cookie，进行翻页爬虫多页动态加载的数据（js)【代码】

能解决登陆一次后，之后不需要二次登陆的动态加载数据，网页保存的cookie和标签，加入到selenium自动化测试浏览器中 1from selenium import webdriver2import re3from time import sleep4 5def willbill():6‘‘‘点击翻页，获取下一页数据，进行正则匹配‘‘‘ 7 driver.find_element_by_xpath(‘//*[@id="upPage"]/li[5]/a‘).click()8 sleep(3)9 data = driver.page_source 10 results_list = ‘class="limingc...

javascript删除Cookie的正确方法（转载）【代码】

原来一直以为只要设置javascript的document.cookie对象就能简单的在浏览器端设置和删除cookie值，网上很多文章也是这么教的，但是最近发现简单的设置javascript的document.cookie的值无法完全做到删除或更改cookie。偶然发现了一篇文章给出了正确的方法，这里贴出来。使用JavaScript清理Cookie首先要找到该Cookie对应的Name对应的值，然后设置其为过期：找到Cookie有下面方法：function getCookie2(name){var arr = document.coo...

cookie—基于js的coolie使用【代码】

//设置cookiefunction setCookie(name,value) {var Days = 30;var exp = new Date();exp.setTime(exp.getTime() + Days*24*60*60*1000);document.cookie = name + "="+ escape(value) +";expires="+ exp.toGMTString(); }//获取cookie 1function getCookie(name) {var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));if(arr != null) return unescape(arr[2]); returnnull; }//获取cookie 2function ...

JS设置cookie，删除cookie

js设置cookie有很多种方法。第一种：（这个是w3c官网的代码）复制代码<script>//设置cookiefunction setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires;}//获取cookiefunction getCookie(cname) { var name = cname + "="; var ca = document.coo...

JS操作cookie方法

var username=document.cookie.split(";")[0].split("=")[1];//JS操作cookies方法!//写cookiesfunction setCookie(name,value){var Days = 30;var exp = new Date();exp.setTime(exp.getTime() + Days*24*60*60*1000);document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();}function getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return...

首页 / JAVASCRIPT / javascript-使用无会话或Cookie数据的iFrame(隐身)

javascript-使用无会话或Cookie数据的iFrame(隐身)

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript-使用无会话或Cookie数据的iFrame(隐身)】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

IE - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程