ie6調試js是什麼,ie 調試js

本文目錄一覽：

• 1、IE6下大家都用什麼JS框架
• 2、ietester 下如何調試js
• 3、IE6 開發人員工具 怎麼打開 快捷鍵是多少？

IE6下大家都用什麼JS框架

js的作用主要是使用了Microsoft.AlphaImageLoader濾鏡其主要作用就是對圖片進行透明處理。使ie都不能自動處理png背景透明的時候自動調用濾鏡來處理

ietester 下如何調試js

如何在ietester下使用firebug

首先，需要說明的是，此firebug並不是firefox下的插件firebug。眾所周知，firebug是firefox下的調試利器，但在ie下沒有相關的插件，為了在ie下實現firebug功能，所以出了這麼一個組件，它是完全用js生成的仿firebug界面。功能當然沒有真正的firebug強大，但其操作和firebug很像，界面也像，對於習慣firebug的工程師來說，使用它非常親切。其官方網站是

有一點很讓人鬱悶的是，官方提供的載入它的方法是給html載入一個script標籤，引用這段js到頁面里去。這個在開發階段當然是沒有問題，但如果是調試已經在線上的頁面，比如，怎麼辦呢？有辦法能像firefox下的firebug一樣隨時可以調用嗎？

有，一個最簡單的辦法就是使用油猴。IE下的油猴見：

如果是使用maxthon的話，maxthon也有自己的油猴插件，叫做more scripts,見：

但問題是我們經常需要在ie6,ie7,ie8三個不同版本的ie下進行調試，如果是其中一個版本出現了問題呢？當然，ie6,ie7和ie8的js引擎沒啥大區別，主要是指css方面的問題。我們如何調試呢？為了調試ie6,ie7和ie8，我們最常用的軟體是ietester，而ietester本身其實也帶調試工具DebugBar。用DEbugBar比起ie自帶的developer

toolbar最大的好處是它可以運行在不同的內核之上，ie6,7,8都可以進行調試。但DebugBar真的是超級難用!!如果能將ietester的多ie內核功能，結合firebug的易用性，該多好啊！可是ietester下沒有油猴。。。

還是有辦法的，現在就告訴你我的辦法。首先打開ietester的DebugBar，切換到腳本標籤，可以看到最下面一欄有個輸入框，注釋寫著”//

Javascript 控制台”，這是個類似於firebug的腳本控制台的功能，可以輸入js並運行。

我們在這裡輸入腳本：

=============================================

var s = document.createElement(“script”);

s.src =

”;

s.type=”text/javascript”;

if(document.all){

s.onreadystatechange = function(){

if(this.readyState == “loaded” ||

this.readyState == “complete”){

alert(“loaded success in ie”);

}

}

} else {

s.onload = function(){

alert(“load

success”);

}

}

document.body.appendChild(s);

================================================

這裡的思路是動態創建一個script標籤，然後監聽它的onload事件，當它載入完成時，會alert一下載入成功信息。運行腳本，等到彈出”loaded

success in

ie”後，表示我們的firebug組件的腳本已經載入進來了。但此時，firebug的界面並沒有出現！別著急，我們將輸入框中的代碼清除掉，再輸入如下代碼：

==================

firebug.init();

==================

運行它，過一會兒，就會看到firebug的界面出現了！我用這個方法成功在htttp://調出了firebug，如截圖所示：

ok，ietester下我們已經可以使用firebug了。接下來，我們看看不同版本ie內核下的firebug能不能按我們預期的那樣，在不同內核下真實顯示當前的信息。

寫了個小demo，如下：

=======================================

!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “”

html

head

title阿當製作/title

meta

http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

/head

body

style

type=”text/css”

#test{padding:20px;background:green;*background:blue;_background:yellow}

/style

div

id=”test”hello world/div

/body

/html

=======================================

定義了一個id為test的div，用css

hack讓它在ie6,7,8下背景色分別為yellow,blue,green。然後，看看在不同內核版本下firebug會如何顯示當前的樣式信息呢？

哈哈，很順利。大功告成 ^0^。

IE6 開發人員工具 怎麼打開 快捷鍵是多少？

IE6IE6由於沒有集成開發工具  ，需要下載以下的輔助軟體後才可進行：

Companion.js 這個可以調試js

JavaScript inspector 調試js

IE Develop toolbar 可以看到頁面的css 和dom對象

http(s)/ajax viewer

dom inspector

IE WebDeveloper 下載地址：「  」