CSS開發協助工具輔助:Internet Explorer Developer Toolbar

來源:互聯網
上載者:User

CSS開發協助工具輔助:Internet Explorer Developer Toolbar 是一款基於IE的開發協助工具輔助。(簡稱為IE Developer Toolbar)

  以前有個CSS開發協助工具輔助Web Developer外掛程式是基於FF環境的,但是在許多開工調試中,主要還是面對IE,這款工具對於CSS輔助開發非常有益,大家可以試試它的功能。

IE Developer Toolbar的主要特性如下:

  ◎ 瀏覽和修改Web頁的文件物件模型(DOM)。 
  ◎ 通過多種技術方式定位、選定Web頁上的特定元素。 
  ◎ 禁止或啟用IE設定。 
  ◎ 查看HTML對象的類名、ID,以及類似連結路徑、tab順序、快速鍵等細節。 
  ◎ 描繪表格、儲存格、圖片或選定標籤的輪廓。 
  ◎ 顯示圖片象素、大小、路徑、替代文字等。 
  ◎ 即時重定義瀏覽器視窗大小到800x600或自訂大小。 
  ◎ 清空瀏覽器緩衝和cookie,被清除項可從所有對象或給定域中選擇。 
  ◎ 直接存取關聯W3C規範參考、IE開發組blog或其他來源。 
  ◎ 顯示設計時尺規,協助對齊對象。

英文官方介紹:

Overview

   The Internet Explorer Developer Toolbar provides several features for exploring and understanding Web pages. These features enable you to:

  ◎ Explore and modify the document object model (DOM) of a Web page. 
  ◎ Locate and select specific elements on a Web page through a variety of techniques. 
  ◎ Selectively disable Internet Explorer settings. 
  ◎ View HTML object class names, ID's, and details such as link paths, tab index values, and access keys. 
  ◎ Outline tables, table cells, images, or selected tags. 
  ◎ Validate HTML, CSS, WAI, and RSS web feed links. 
  ◎ Display image dimensions, file sizes, path information, and alternate (ALT) text. 
  ◎ Immediately resize the browser window to a new resolution. 
  ◎ Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain. 
  ◎ Display a fully featured design ruler to help accurately align and measure objects on your pages. 
  ◎ Find the style rules used to set specific style values on an element. 
  ◎ View the formatted and syntax colored source of HTML and CSS. 

System Requirements

  Supported Operating Systems: Windows Server 2003; Windows Vista; Windows XP

   The Developer Toolbar is not compatible with Internet Explorer 8. Please use the developer tools included with IE8.  Press SHIFT+F12 or click the 'Developer Tools' icon in the command bar to begin using the tool.  

  Note that Internet Explorer 8 Beta 1 does not include all functionality available in the Developer Toolbar. 

Instructions

   After installing the Developer Toolbar, restart Internet Explorer and click the Developer Toolbar icon in the command bar to display or hide the Developer Toolbar. 

   You can also open the View menu and then use the Explorer Bar menu. In Internet Explorer 7, open the Tools menu and then use Toolbars->Explorer Bars to display or hide the Developer Toolbar.

Additional Information

   ◎ The Developer Toolbar is not compatible with Internet Explorer 8.  Please use the developer tools included with IE8.  Press SHIFT+F12 or click the 'Developer Tools' icon in the command bar to begin using the tool.  Note that Internet Explorer 8 Beta 1 does not include all functionality available in the Developer Toolbar.  Click here for more information on IE8 Developer Tools.
   ◎ If Internet Explorer is running while you install the Developer Toolbar, you must restart Internet Explorer before the Developer Toolbar will work properly. 
   ◎ The Developer Toolbar icon may not be visible by default.  If you do not see it after restarting Internet Explorer, click the right-facing arrows at the end of the IE7 command bar to view all available toolbar buttons. 
   ◎ Some menu items are unavailable (grayed out) when running Internet Explorer in Protected Mode on Windows Vista.  To use those options, temporarily turn off Protected Mode or right-click the Internet Explorer icon in the Programs menu and choose 'Run as administrator'. 
   ◎ In IE6 or in IE7 with tabbed browsing off, using the validation links will navigate the current window to the validation page.  To launch the validation links in a new window, open the Tools menu, click Internet Options..., and uncheck "Reuse windows for launching shortcuts" in the Advanced tab, or use IE7 with tabbed browsing enabled. 

  >>>點擊瀏覽IE Developer Toolbar官方首頁<<<

  >>>點擊進入 下載IE Developer Toolbar<<<

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.