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.