我們在寫頁面的時候，可能總是不知道怎麼回事，就發現某個元素出現了問題，但是不知道為什麼會這樣，這時候，就需要使用強大的chrome了！！！
舉例說明：
其中最上面的是行內樣式，
往下有我們對其進行直接的樣式設定的**；
往下有從a元素繼承來的樣式，在往下會有從h1繼承來的樣式，一直繼承自html，這個繼承順序是按照巢狀順序來排列的。
而右下方是這個元素的盒模型，盒模型的下方是這個元素的所有屬性，我們可以通過其來判定我們寫的**存在的問題。
這時我們可以開啟開發者工具：
我們可以看到具體資訊，在右下角可以看出：background-origin為padding-box，因此這個盒子是標準的盒模型。
在左下方我們看到此時預設選中的是styles選項，我們可以切換到event listeners選項中，顯示內容如下：
這三個事件的出現是因為我給div新增了三個事件。所以在event listeners中會出現三個時間。
我們還可以通過檢視該事件來檢視作用域鏈。
如下：
開啟了這個事件之後，我們發現click這個監聽程式所對應的處理函式(handler)是function onclick(event); 而[[scopes]]即表示作用域鏈，這個作用域鏈的前端開始，一共涉及到了四個不同的作用域。
末端的作用域是全域性作用域，緊接著是htlmdocument作用域，接下來是object即body，最後就是htmldivelement作用域。
當我們設定乙個元素的css時，因為不知道到怎麼樣的值才合適，所以我們需要不斷地在編輯器和瀏覽器之間切換，這無疑浪費了我們寶貴的時間，而chrome則可以幫助我們！
比如下面的**:
"en我希望可以觀察rotatex（）是如何使用的。按照之前的做法，我會先把0deg修改為20deg，然後儲存，再去瀏覽器重新整理檢視效果；再把20deg修改為40deg，然後儲存，再去瀏覽器重新整理檢視效果.....如此迴圈往復直到我看出效果為止。 然而，有了chrome我們就再也不需要這樣了，我們可以按下f12，選中元素，然後直接在css中除錯，如下所示：">918之初
注意：數字的改變是因為我先把游標放在了括號裡，然後按鍵盤的上下鍵即可改變，當然，我們也可以直接輸入任何你想要的數字。
值得注意的是：這裡數值的改變並不會改變css檔案中的值，這裡只是方便我們除錯使用。
在 chrome 瀏覽器的 elements 裡面選中某個元素，按 h 可以隱藏該元素。
在控制台中輸入：
.foreach.call($$("*"
),function(a))
chrome中如何檢視元素的hover事件
elements styles裡面可以看到 hov 點開選擇 hover 就可以看到元素hover時的樣式了 或參考 chrome 開發者工具，檢視元素 hover 樣式 在web開發中，瀏覽器開發者工具是我們常用的除錯工具。我們經常會有這樣的需求，就是檢視元素的時候需要檢視它的hover樣式。相信...
使用JS操作頁面元素屬性
1 如何用jquery動態改變輸入框的readonly屬性 input attr readonly readonly 新增readonly屬性 input removeattr readonly 移除readonly屬性 input name username attr readonly reado...
使用jQuery獲取父頁面元素及子頁面元素的方法
背景 子頁面元素是include進來的,在 子頁面元素需要獲取父頁面的元素做一些操作.jquery提供了乙個很好的方法 父頁面元素id parent.document 同樣適用於iframe 背景 子頁面元素是include進來的,在 父頁面元素需要獲取子頁面的元素做一些操作.方法 子頁面元素 co...