ie9js调试

⑴ 如何使用IE9浏览器自带开发人员工具捕获网页请求

F12 开发人员工具是一套按需采用的工具，内建于 Windows Internet Explorer 9 的每次安装之中。网站开发人员可以随时在任何网页上使用 F12 工具，从而快速调试 javaScript、HTML 和级联样式表 (CSS)，还可以跟踪并查明网页或网络的性能问题。
F12的存在要求程序开发人员重要的数据不能写在HTML页面中，要写在一般处理程序或者后台中，不然很容易被用户知道比如密码之类的。对WEP开发人员有利的地方就是可以参照别人网站的布局样式等来构思自己的网站。因为F12可以看到网站的布局、样式、js等代码哦！

使用“HTML”选项卡

“HTML”选项卡视图在由内存中的 Windows Internet Explorer 9
呈现的树视图中显示你的网页的动态标记。它反映打开 F12 时的 DOM，如果有任何更改，则需要刷新。
你可以使用鼠标或键盘直接在树视图中导航，以及查看特性和更改值。

若要跳转到网页上的特定元素，请按 Ctrl+B，或单击“单击选择元素” 按钮。在网页上，当你将鼠标悬停在元素上方时将突出显示相应的元素。单击某个元素时，将在 HTML 视图中突出显示 DOM 树中对应的节点。

在“HTML”选项卡中选择一个元素时，可使用“视图”>“源”菜单在你的视图中筛选出按照元素关联的 CSS 样式或仅按照元素本身选择的元素。

“带有样式的元素源”按钮仅在新窗口中显示选定元素的 HTML 源及其内容，以及适用于它的 CSS。这有助于只关注选定元素的源文件。必须首先使用“HTML”选项卡视图选择 DOM 树的主体内的某个 HTML 元素，然后才可以运行此命令。若要选择某个元素，可单击“单击选择元素”按钮，或在 DOM 树中单击某个元素。
当你使用“单击选择元素”时，首先刷新视图是个不错的主意。

若要展开或折叠某个元素的属性，请单击用加号 (+ ) 或减号 (-) 标记的框。HTML 和 CSS 视图中的所有元素都是可编辑的，并且编辑操作会立即生效。通过单击元素名称旁边的复选框，可以打开或关闭样式规则和特性。

查看动态 HTML 代码

大多数网站使用动态代码。客户端脚本通常用于生成用户可以看到的呈现的 HTML。静态 HTML
代码的数量通常很少，仅用于在页面上启动操作。由于 F12 工具将显示呈现在浏览器中的 HTML 和 CSS 代码，而不是显示严格的 HTML
源，因此查找错误更容易一些。

“HTML”选项卡显示 DOM 的当前状态，而不会自动跟踪更改。如果你更改了某个值或特性，但它没有立即显示，请在“HTML”选项卡中按 F5 刷新视图。

更改值和添加特性

F12 工具允许你更改几乎任何特性或属性的值。从“HTML”选项卡内，从 DOM 树中选择一个元素或使用“单击选择元素”按钮选择一个元素。在属性视图（右窗格）中，单击一个值以突出显示伍辩并更改它。

例如，在 Internet Explorer 9 中打开如何使用 CSS3 添加圆角中的 CSS 示例页面并且按 F12 可打开该工具。单击“单击选择元素”按钮 ，然后单击栗色的 Now in stock at Fourth Coffee 标题。 在属性窗格中，单击 "h2" 选择器下的颜色特性。 键入一个新的颜色名称或值，如 blue，然后按 Enter。标题的颜色将立即更改。

要添旅穗加特性，请右键单击“HTML”或“CSS”选项卡的左窗格中的元素，然后单击上下文菜单中的“添加属性”。你需要知道该特性的格式（如 "background-color:"）和正确值。

若要删除某个特性（你添加的特性或现有特性），请在右窗格视图中单击该特性，然后按 Delete 键。对于原始页中的特性，可通过刷新网页恢复它们。添加的特性需要重新应用。

如果你只希望在某个会话期间临时关闭某个特性，则在“HTML”或“CSS”选项卡的右窗格中清除该特性旁边的复选框。

“HTML”选项卡视图和工具

在左窗格树视图中选择一个元素时，你可以在右侧查看和更改所选元素及其子元素的样式、框模型布局和特性。 你所做的更改不是永久的，当你刷新或打开另一个页面时这些更改会丢失。但是，你可以通过单击“保存”按钮来保存你的 HTML 代码。

当你查看应用于“样式”拆橘卜和“跟踪样式”选项卡中所选元素的多个 CSS 规则时，将根据 CSS
规范，基于这些规则的专一性来显示它们。列表页首的规则将第一个应用到所选元素，而底部的规则是当前定义所选元素的样式属性的规则。这些规则的值是可编辑
的，方法为：单击某个值，键入新值，然后按
"Enter"。更改会立即在网页上显示。这两个属性类型中的信息是相同的。但在“跟踪样式”属性类型中，相同的信息按照属性（在其下面显示规则）分组。
这些属性按字母顺序列出，并基于专一性再次对规则排序。

样式 显示你在树视图中选择的元素的规则和样式。它按规则进行组织，并包含继承的特性和重写的特性。

跟踪样式 显示与样式相同的信息，但是按属性而不是规则分组。

布局 显示所选元素的框模型。通过单击图表中的相应值，可更改“布局”视图中的任意值。“布局”选项卡对可缩放矢量图形 (SVG) 元素禁用。

特性 显示选定元素的特性，如 ID。可以添加或删除特性

右键单击“HTML”选项卡上的菜单

如前面所述，可在“HTML”选项卡的左窗格中右键单击一个元素。下面是你可以在“HTML”选项卡中使用的选项。

菜单项
作用

添加特性 向标记或元素中添加新的特性。

复制 将标记和特性复制到剪贴板中。

复制 InnerHTML 将元素的 InnerHTML 内容（子文本、元素和特性）复制到剪贴板。

复制 OuterHTML 将元素的 OuterHTML 内容（子文本、元素和特性）复制到剪贴板。

如果在“HTML”选项卡中单击某个元素的子节点，如 "h2" 标记的文本元素，则可能无法获得所有选项。如果你未看到所需的选项，则转到父元素并重试。

检查 CSS 规则

“CSS”选项卡显示你的样式表之间的相互影响。此选项卡对于使用多个样式表的网站很有用。若要在样式表之间切换，可使用样式表选择器。当你选择某
个样式表时，左窗格中将显示规则及其相关样式属性。默认情况下，此按钮显示在网页中引用的第一个样式表。如果有多个样式表正在网页上使用，则单击下拉列表
以选择其他样式表。

“CSS”选项卡上的快捷菜单选项

当你右键单击“CSS”选项卡时，快捷菜单将会提供比“HTML”选项卡更多的选项。启用的选项是上下文相关的，并取决于你在“CSS”选项卡中单击的位置。

菜单项
作用
右键单击的位置

添加特性 向标记或元素中添加新的特性。 在规则或特性（任何元素）上。

添加规则 添加选择器、声明或样式。 在白色区域中，而不是在现有元素上。

后加规则 在当前规则之后添加选择器或规则。 在任何元素上。

前加规则 在当前规则之前添加选择器或规则。 在任何元素上。

删除特性。 删除选定的特性。 在任何特性上。

删除规则 删除选定的规则和所有相关的特性。 在任何规则或选择器上。

在“CSS”选项卡中更改数字 CSS 值

CSS 属性的值可以像 F12 工具中的几乎任何其他属性一样进行更改。通过单击属性值并键入新值，可以更改 CSS 属性。在“CSS”选项卡中，还可使用向上键和向下键增加或减小数值。

搜索和保存更改

像 F12 工具中的其余选项卡一样，你可以使用“搜索”框在“HTML”和“CSS”选项卡中搜索特定标记、属性、特性或值。单击“搜索”按钮时，将突出显示搜索关键字的所有实例，并且窗格会滚动到显示第一个匹配项。

如果存在多个匹配项，则可使用“下一个”和“上一个”按钮向前和向后滚动。

你所做的更改（例如，调整框模型或添加特性）不是永久的。当你在浏览器中重新加载页面或导航到其他网页时，你所做的任何更改都会丢失。若要保存对 HTML/CSS 文件的本地副本的更改，请单击左窗格上的“保存”按钮。

⑵ 怎样启用IE9的JS功能求大神指导

js是默认启用的
将ie浏览器的安全区域设置还原默认，重置ie的高级设置。。
重新启动浏览器再试，部搏毁分报名裤激系统可能不支持ie9，建议尝试兼容视图基纯备。。

⑶ IE8，IE9 JS获取屏幕宽高不正确.求帮助

if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
/缓轿顷汪/获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
/扰乎肆/通过深入Document内部对body进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}

⑷ 如何查看页面执行了那些js代码

有啊，火狐和Chrome有Firebug插件，可以查看访问的网页都有哪些js，还可以设置断点调回试。IE8和IE9都有自带的答开发者工具(F12键)，也可以查看以及调试js。当然，对js进行操作只是这些工具的功能的一部分，他们还可以查看html，还能够调试CSS样式等等。

⑸ ie9下点击一次菜单，发送两次js请求，实在找不出是什么原因了

它是状态304，表示“未修改”
后面的200，贺老表示：确定。客户端请求已成功。

所以有效的只有一次，在js或css链接后添加随机数即可，表示每次都不禅野升从缓存脊胡中取得。

⑹ js中alert提示堆栈溢出

出现js堆含虚姿栈溢出的问题一般的情况有两种：
1、检查自己的js代码看代码中有没有死循环。
2、代码中引用了jQuery-1.4.2.min.js这个js实现一谈绝些动态效果或者是辅助，这个版本的jQuery就存在这样的问题（同事就是遇到了这个问题）。
3、解决方案：
4、查询自己的代码誉答，用ie8、ie9自带的js调试工具跟一遍代码看哪里出现了问题。
5、更换jQuery引用版本。

⑺ 如何让ajaxfileupload.js支持IE9，IE10，并可以传递多个参数

exception : SCRIPT5022: DOM Exception:
INVALID_CHARACTER_ERR (5)

思路分析：
第一步：兼容IE9，firefox，Opera，Safari等浏览器；
var
iframe = document.createElement("iframe");
iframe.setAttribute("id",
"yui-history-iframe");
iframe.setAttribute("培戚src",
"../../images/defaults/transparent-pixel.gif");
iframe.setAttribute("style","position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;")

第二步：兼容IE6-8：由于ie6-8
不能修改iframe的name属性
var oFrame = isIE ?
document.createElement("<iframe name=/"" + this._FrameName + "/">") :
document.createElement("iframe");
oFrame.name = "iframName";

1、如何让ajaxfileupload.js支持IE9、IE10？

打开ajaxfileupload 文件，找到下面搜中掘的代码。

[javascript] view plain

if(window.ActiveXObject) {

var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '" />');

if(typeof uri== 'boolean'){

io.src = 'javascript:false';

}

else if(typeof uri== 'string'){

io.src = uri;

}

}
修改成如下：

[javascript] view plain

if(window.ActiveXObject) {

if(jQuery.browser.version=="9.0" || jQuery.browser.version=="10.0"){

var io = document.createElement('iframe');

io.id = frameId;

io.name = frameId;

}else if(jQuery.browser.version=="6.0" || jQuery.browser.version=="7.0" || jQuery.browser.version=="8.0"){

var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '" />');

if(typeof uri== 'boolean'){

io.src = 'javascript:false';

}

else if(typeof uri== 'string'){

io.src = uri;

}

}

}

2、如何让ajaxfileupload.js可以在文件上世核传的同时传递多个台数。

找到以下代码：

[javascript] view plain

ajaxFileUpload: function(s) {

// TODO introce global settings, allowing the client to modify them for all requests, not only timeout

s = jQuery.extend({}, jQuery.ajaxSettings, s);

var id = new Date().getTime()

var form = jQuery.createUploadForm(id, s.fileElementId);
增加自己要传递的参数:

[javascript] view plain

ajaxFileUpload: function(s) {

// TODO introce global settings, allowing the client to modify them for all requests, not only timeout

s = jQuery.extend({}, jQuery.ajaxSettings, s);

var id = new Date().getTime()

var form = jQuery.createUploadForm(id, s.fileElementId, s.tag_name, s.tag_link, s.tag_sort, s.tag_status, s.tag_id);
这里我们增加了五个传递参数。 s.tag_name,
s.tag_link, s.tag_sort, s.tag_status, s.tag_id
接着找到：

[javascript] view plain

createUploadForm: function(id, fileElementId, tag_name, tag_link, tag_sort, tag_status, tag_id)//增加tag_name, tag_link, tag_sort, tag_status, tag_id

{

//create form

var formId = 'jUploadForm' + id;

var fileId = 'jUploadFile' + id;

//--增加以下内容

var tagNameId = 'tag_name' + id;

var tagLinkId = 'tag_link' + id;

var tagSortId = 'tag_sort' + id;

var tagStatusId = 'tag_status' + id;

var tagIdId = 'tag_id' + id;

//--end

var form = $('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');

var oldElement = $('#' + fileElementId);

var newElement = $(oldElement).clone();

//--增加以下内容

var tagNameElement = '<input type="text" name="tag_name" value="'+tag_name+'">';

var tagLinkElement = '<input type="text" name="tag_link" value="'+tag_link+'">';

var tagSortElement = '<input type="text" name="tag_sort" value="'+tag_sort+'">';

var tagStatusElement = '<input type="text" name="tag_status" value="'+tag_status+'">';

var tagIdElement = '<input type="text" name="tag_id" value="'+tag_id+'">';

//--end

$(oldElement).attr('id', fileId);

$(oldElement).before(newElement);

$(oldElement).appendTo(form);

//--增加以下的内容

$(tagNameElement).appendTo(form);

$(tagLinkElement).appendTo(form);

$(tagSortElement).appendTo(form);

$(tagStatusElement).appendTo(form);

$(tagIdElement).appendTo(form);

//--end

//set attributes

$(form).css('position', 'absolute');

$(form).css('top', '-1200px');

$(form).css('left', '-1200px');

$(form).appendTo('body');

return form;

},

⑻ js 如何实现 改变 ie9 Document Mode

不用js来设置,可以在页面里加入 <meta http-equiv="X-UA-Compatible"迹枯贺 content="IE=EmulateIE7" />
让败野IE的姿派Document Mode修改为ie7来运行

⑼ 请问在IE9下，如何查看浏览器JS报错信息呢

你截的图上，禁用菜单下面 控制台 里面就有 JS的报错信息。点击切换过去即可。

⑽ IE8、IE9中，使用js在页面中动态添加一个<iframe style="display:none;" src=""></iframe>来启动某个控件

页面初始化时绑定事件：判断是否为ie8、ie9.