大家好，今天来为大家解答谷歌浏览器加载iframe报错这个问题的一些问题点，包括chrome iframe也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

本文目录

1. 如何使用iframe实现跨域写入cookie 并且兼容大部分浏览器
2. 谷歌浏览器 iframe打开url会先跳转登录
3. 怎么让iframe在Chrome浏览器中变成可编辑的状态
4. 怎么让iframe自适应浏览器的高度和宽度
5. iframe子页面访问过后相应js 缓存在浏览器,怎么不缓存
6. iframe在谷歌浏览器中与在ie、火狐中显示不一致问题!
7. 嵌入iframe 的页面 history 流程(浏览器后退)

一、如何使用iframe实现跨域写入cookie 并且兼容大部分浏览器

请首先修改hosts文件来模拟本机跨域

由a.com登录，如果登录成功，就生成a.com的cookie。而对于b.com则无需再次登录。

浏览器同源策略限制，即A站点页面的脚本是无法直接操纵B站点的内容。

试想如果所有第三方网站都可以对taobao.com的首页任意篡改，那这个社会还有什么安全性可言呢？

其实浏览器的安全策略逻辑很简单，就是我的地盘我做主，出了我的地盘我做不了主。

a.com根据用户输入操作a.com的cookie，b.com根据用户在a.com得到的输入数据来操作b.com的cookie。

如何在a.com用户输入a.com的用户数据时同时提交到b.com的验证页面呢？

<form method="post" action="<?php print$b?>setcookie.php" target="ifrm"><fieldset>

<legend>跨域获取cookie</legend>

<input type="text" id="username" name="username"/>

<p><button onclick="login()" type="submit">Login</button></p>

<iframe id="ifrm" name="ifrm" style="display:none;" src="<?php print$b?>setcookie.php"/>

请注意form表单的相关属性，b.com/setcookie.php页面就是验证a.com用户的输入然后生成b.com的cookie，这样后续访问b.com无需再次输入用户名和密码。

需要先设置跨域站点的cookie然后再来设置本域的cookie；

如果跨域站点请求耗时较长，直接影响本域的操作时间；

另外也需要额外的代码来处理跨域站点请求失败后的操作

IE中需要设置接受cookie（隐私），这一点比较不方便。

4）点击a.com/default.php下面的链接就可以在b.com/getcookie.php看到b.com的cookie

二、谷歌浏览器 iframe打开url会先跳转登录

1、如果不是同一个站点，而且你记录了cookie或本地存储，实际存储的站点名称不相同，所以会取不到本地存储的数据。可以看你的使用环境需要哪些数据，获取的数据是否正常。

2、360浏览器有谷歌内核和ie内核，如果是谷歌内核而且版本一致就应该是和谷歌浏览器打开是一样的。

三、怎么让iframe在Chrome浏览器中变成可编辑的状态

1、怎么让iframe在Chrome浏览器中变成可编辑的状态

你好，如果是管理员的话可以在网站后台编辑，如果仅是一个档案的话，可以用Dreamweaver编辑或者记事本编辑，再用chrome浏览器开启看效果。

2、你好，如果是管理员的话可以在网站后台编辑，如果仅是一个档案的话，可以用Dreamweaver编辑或者记事本编辑，再用chrome浏览器开启看效果。

3、为iframe加入contenteditable="true"属性

4、直接就可以编辑啊！或者复制一个层也可以啊

5、 Ai档案储存8版本,cdr软体才能开启，也可以进行编辑。同样CDR导AI，也尽量导AI 8版本的。这样相容性比较好

6、 CDR X4怎样把图片上的图案转换成可编辑的线条

7、在CDR X4中选择图片，然后选择点阵图，然后在下拉选单中找到快速描摹，这样就生成路径了，如果要精确的还是手动做路径毕竟电脑没人脑聪明。简单的图案转向量的这个不错。

8、先解密，然后用acrbat另存为word文件，具体的软体你可以在百度中搜索 pdf密码破解获得

9、<input type=text name=txt1 value="">

10、<input type=text name=txt2 value="">

11、<input type=text name=txt3 value="" onclick="this.value=document.getElementById('txt1').value+document.getElementById('txt2').value">

12、<input type=text name=txt4 value="" onclick="this.value=document.getElementById('txt1').value*document.getElementById('txt2').value>

13、单行文字框怎样设为黑色的不可编辑的状态

14、遗巩焰名平浮涛虾像显环伐换戏盗

15、在弹出的对话方块中选择储存型别为"大纲/RTF档案(*.rtf)"，选择储存路径，输入档名，单击"储存"即可；

16、在储存的路径会得到一个rtf档案，此档案可以直接使用word开启编辑。

17、 Microsoft Office PowerPoint，是微软公司的简报软体。使用者可以在投影仪或者计算机上进行演示，也可以将简报打印出来，制作成胶片，以便应用到更广泛的领域中。利用Microsoft Office PowerPoint不仅可以建立简报，还可以在网际网路上召开面对面会议、远端会议或在网上给观众展示简报。Microsoft Office PowerPoint做出来的东西叫简报，其格式字尾名为：ppt、pptx；或者也可以储存为：pdf、图片格式等。

四、怎么让iframe自适应浏览器的高度和宽度

1、在文件夹里创建两个html文件，一个“index”一个“iframe”。

2、在index中添加一个iframe标签，直接嵌入iframe页面。

3、在iframe网页中添加了两个固定高度的div内容。

4、浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。

5、现在我们在index页面的iframe标签再添加如下的属性。

6、再次打开index页面iframe已经高度自适应了。

五、iframe子页面访问过后相应js 缓存在浏览器,怎么不缓存

1、这两天遇到一个很奇怪的问题，一个页面嵌套了一个iframe页面，当这个页面提交后再次跳转到本页面时，原本iframe内的页面应该刷新数据的，结果在ie下面却没刷新（FF下没问题），必须手动F5或者新开一个浏览器标签页浏览才能刷新，否则在本页面的浏览器上按回车是没用的，查阅了很多资料，最后终于发现是iframe缓存机制在搞鬼，用以下方法即可解决：

2、<script type="text/JavaScript">

3、var randomnumber=Math.floor(Math.random()*100000)

4、<iframe src=";" name="aframe" width="100%" height="400"></iframe>')

5、通过请求多加一个值为随机数的参数，这样浏览器认为每次请求的页面都是新的而保证了iframe页面每次都是重新加载的。

六、iframe在谷歌浏览器中与在ie、火狐中显示不一致问题!

尊敬的用户，您好！很高兴为您答疑

您说的这个问题应该不是iframe的问题，这实际上是上传控件的问题。而控件是内建于浏览器内核中的，所以您如果期望实现外观一致，只能求助于利用js进行上传控件的重写。比较常见的方式是，存放一个隐藏的上传控件，然后通过修饰好外观的input等控件向其内部传值和注入，当然，最好的办法还是使用基于jQuery的上传插件，如：jUploader等。

要让file在各个浏览器显示统一，用js脚本。基本步骤：

1、通过文本框和按钮去模拟一个input type=”file”。

2、把input="file"做成透明，用定位完全盖住文本框和按钮。

3、当input type=”file”的onchange的时,用js将文本框的值设置成input type=”file”的值。

希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

七、嵌入iframe 的页面 history 流程(浏览器后退)

1、以下内容仅仅是个人经过测试后的猜测！！如果知道官方的定义的，请再评论区指条明路~

2、把 iframe考虑成浏览器新开的 tab页，是比较合适的~

3、假设页面上只嵌入了一个 iframe元素。以下内容顶层网页用 top表示，嵌入的 iframe网页用 iframe表示。

4、浏览器的后退按钮是面向用户的，既作用整个页面，包含 top和 iframe。 top上的 history和 iframe上的 history的 length是相同的。 window.history.length=== window.top.history.length。

5、 Chrome的 history，不仅利用了每一步 top和 iframe的状态，还利用了这一步是由那个 window引起的。点击回退只会使参与了 history的那个 window回到上一步该有的状态，点击前进类似。Firefox跟 Chrome类似。

6、在 Safari上 top和 iframe是分开的，然后再根据 history的形成过程进行组合。

7、在 Safari上的结论就相对 Chrome来说要简单一些，但使用 replace后整个 history的逻辑对用户来说可能就难以理解了（如上面例子）。测试中 top的 page地址都取至控制台输出 location，有可能与地址栏展示的网址不一致，见下面存在的问题。

好了，文章到此结束，希望可以帮助到大家。