ie的开发者工具在页面包含iframe,且src不同域时,由打开开发工具而触发的js错误提示

经过测试,得出以下结论:

我认为是ie的按f12时,打开的那个开发工具本身的在访问某些资源时触发的错误,跟网站没有任何关系.

按照我的猜测:

也就是这个开发工具访问了某些资源,而且这个访问方式是使用js的方式来访问的,而这个访问也遵守应用到某些网站上的访问审核流程;这个开发工具,也没有特殊的权力越过这个审核流程,最后触发了出错提示;

结论来源重现步骤(域名的准备可以修改window的hosts来达到)

1. url :准备域名,http://l.com/,且域名下http://l.com/index.html 这个文件放置以下内容:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<iframe src="http://l2.com/l2.html"></iframe>

<iframe src="http://l2.com/l2.html"></iframe>

<iframe src="http://l2.com/l2.html"></iframe>

</body>

</html>

2. 准备域名 http://l2.com/,这个域名下的 http://l2.com/l2.html放置以下内容

abc

3, ie在没有打开状态,使用ie打开http://l.com/index.html,按f12打开开发工具,即可看到看到错误提示,如果http://l2.com/l2.html域名的访问有点慢,就会发现只有加载完成http://l2.com/l2.html之后这个错误才提示;

4. 再关闭开发工具,再打开开发工具,然后刷新页面,也会再看到这个错误,那么这个提示就会是未明原因

5. 如果 http://l.com/index.html 页面是由另外一个页面打开的,比如是通过<a href="http://l.com/index.html ">aaaa</a>这样点击打开 的; 它的错误提示就会是,拒绝访问:

由此可见,这错误是开发工具的错误并不是网站的错误

时间: 2024-08-06 13:04:38

ie的开发者工具在页面包含iframe,且src不同域时,由打开开发工具而触发的js错误提示的相关文章

开发者必须知道的九款快速开发工具

移动互联网时代,应用间的相互竞争趋白热化,但相关工具的增多也在降低APP开发的技术门槛,快发开发工具更是其中的重要部分,列举几种快速开发工具,供大家参考和学习,一起来看看吧. 1.AppMachine AppMachine 是一个跨iOS和Android平台的快速开发工具,它的方便之处在于提供二十多种应用设计模板,使用者可以直接通过模板进行应用开发.当然,用户也可以自己DIY,添加新闻.LBS.社交媒体.拍照.摄像等多个集成内容.AppMachine 不依赖HTML5,也提供AppMachine

Chrome 开发工具指南

Chrome 开发工具指南 谷歌 Chrome 开发工具,是基于谷歌浏览器内含的一套网页制作和调试工具.开发者工具允许网页开发者深入浏览器和网页应用程序的内部.该工具可以有效地追踪布局问题,设置 JavaScript 断点并可深入理解代码的最优化策略. 适用人群 这篇教程将会带你从头开始使用学习如何利用 Google 提供的组件进行 Chrome 上的相关开发调试工作. 通过本教程,你将学会如何使用这些工具,并且学会如何通过它来分析调试提供的 Demo . 学习前提 在你继续本教程之前,你必须对

Java开发工具

每一个程序员都有一个自己的开发工具,使用得心应手,好的工具能做到事半功倍效果.但人与人不同,喜好不同,使用的工具也不同.就像侠客需要武器,十八般兵器,各有所长,每个侠客都有属于自己的兵器.下面介绍下IT界的兵器们: JDK (Java Development Kit)Java开发工具集 .Eclipse.MyEclipse.UltraEdit.Java Workshop.NetBeans 与Sun Java Studio 5.Borland 的JBuilder.Oracle 的JDevelope

Chrome 开发工具之Elements

友情提示:全文图片高能,如使用手机阅读,请确保在wifi情况下或者流量充足.图片有点渣,也算辛苦做出来的,请别嫌弃- Elements面板主要展示当前页面的组织结构,在如今的应用程序中,HTML页面初始化时加载的不一定就是之后看到的DOM树,有一个页面结构的实时调试工具可以很好的帮助开发者调试开发和调试bug,下面开始认识下Elements面板. 打开开发工具 1.右键点击页面,点击"检查" (mac && window) 2. control+command+j (m

[翻译] iOS开发工具的介绍(第一部分)

IOS DEVELOPMENT TIPS & TRICKS - PART I http://blog.trifork.com/2013/12/19/ios-development-tips-tricks-part-i/ As you might know, I am very fond of developing apps for the iOS platform. I started back in mid-2009 by trying to create an app for the Dut

快速开发工具知多少

移动互联网时代,应用间的相互竞争趋白热化,但相关工具的增多也在降低APP开发的技术门槛,快发开发工具更是其中的重要部分,戴维列举几种快速开发工具,供开发者参考和学习,大家一起来看看吧. 1.AppMachine AppMachine 是一个跨iOS和Android平台的快速开发工具,它的方便之处在于提供二十多种应用设计模板,使用者可以直接通过模板进行应用开发.当然,用户也可以自己DIY,添加新闻.LBS.社交媒体.拍照.摄像等多个集成内容.AppMachine 不依赖HTML5,也提供AppMa

前端设计师常用的五个开发工具

过去几年一直不断地提到 Web 应用新世代的成长,这些 App 内容变得越来越丰富,带动了前端整体的复杂度大幅增加. 但为了能持续面对复杂度的新挑战,开发者已经创造更多工具使整体开发过程更加流畅,从测试框架到分析工具,这些成熟又有用的工具把最棒的体验带给我们的使用者. 本文要分享给大家 5 个我们每天面对挑战所使用最棒的工具和框架 Chrome dev tools 这是目前最好的前端开发工具! Chrome 自从它诞生后,就已经大量投资在开发者工具软体,至今仍不断的在改善它,每一个发布会(每六周

chrome开发工具指南(一)

注意:如果你是一个网页开发者同时想要获得最新版本的开发工具,那么你应该使用谷歌浏览器(金丝雀)Canary 版. Chrome 开发者工具 打开Chrome 开发者工具 选择浏览器位于浏览器窗口右上方的菜单栏的工具目录,选择开发者工具选项. 右击页面任何位置并选择审查元素. 开发工具将会在浏览器的下方打开. 有一些快捷键也可以用来打开开发工具: Ctrl + Shift + I ( 或在 Mac 上使用 Cmd + Opt+ I). Ctrl + Shift + J ( 或在 Mac 上使用 C

IT兄弟连 HTML5教程 HTML5的基本语法 如何选择开发工具

如何选择开发工具 有许多可以编辑网页的软件,事实上你不需要用任何专门的软件来建立HTML页面,你所需要的只是一个文本编辑器(或字处理器),如Office Word.记事本.写字板等.制作页面初学者通常都会选择一个集成开发环境(IDE),例如Dreamweaver,入门快.见效快,在不知不觉中已经完成了页面制作.但是随着学习的深入,你就会发现步入了一种窘境,因为过分的依赖IDE导致我们不清楚其实现的本质,知其然但不知其所以然.特别是页面出现BUG时,不用工具你便手足无措,更不用提如何进行页面优化以