2008-09-11 27 views
43

thể trùng lặp:
Debugging JavaScript in IE7IE7 có "chế độ nhà phát triển" hoặc plugin như Firefox/Chrome/Safari không?

Firefox có Plugin cho nhà phát triển web và Firebug để gỡ rối html/css/javascript vấn đề. Google Chrome và Safari có giao diện điều khiển rất giống nhau và các tùy chọn nhấp chuột phải cho "Kiểm tra phần tử".

IE7 có bất kỳ điều gì tương tự để khắc phục sự cố bố cục/html/css không?

Trả lời

45

Có - Internet Explorer Developer Toolbar

Download details: Internet Explorer Developer Toolbar

+3

Tt hoạt động kém so với Firebug, trình gỡ lỗi tốt hơn. – jcollum

+4

Cụ thể, bạn không thể gỡ lỗi Javascript – Casebash

+0

Liên kết trong câu trả lời không trỏ đến thanh công cụ tương thích với IE7 nữa. Thay vào đó, tôi thấy rằng thanh công cụ hoạt động tốt, như được chỉ ra trong câu trả lời khác bên dưới. – AsGoodAsItGets

2

Web Development Helper

Helper Phát triển Web là một phần mở rộng trình duyệt miễn phí cho trình duyệt Internet Explorer cung cấp một bộ công cụ và tiện ích cho các nhà phát triển Web, đặc biệt. Các nhà phát triển Ajax và ASP.NET. Công cụ này cung cấp các tính năng như trình kiểm tra DOM, công cụ truy tìm HTTP và chẩn đoán tập lệnh và cửa sổ ngay lập tức. Trình trợ giúp phát triển web hoạt động với IE6 + và yêu cầu .NET Framework 2.0 trở lên được cài đặt trên máy. Sau khi cài đặt, công cụ có thể được kích hoạt bằng cách sử dụng Công cụ | Trình trợ giúp phát triển web. Bạn cũng có thể tùy chỉnh thanh công cụ của trình duyệt của bạn để thêm một nút cho lệnh này để tạo điều kiện sử dụng thường xuyên nhất. Nhấp vào lệnh menu hoặc nút trình duyệt sẽ trả về cửa sổ bảng điều khiển của công cụ và thiết lập các lệnh. Các tính năng của trang: Trình kiểm tra DOM cho phép xem tất cả các phần tử, các phần tử đã chọn hoặc các phần tử phù hợp với lớp ID hoặc CSS, thuộc tính và kiểu của chúng. Chụp ảnh màn hình của trang hiện tại. Xem thông tin trang như siêu dữ liệu, thẻ và tài nguyên được liên kết. .......

1

Có một số toolbar bạn có thể nhận được nhưng nó vẫn không khớp với Firefox, đặc biệt là để gỡ lỗi javascript.

IE8 sẽ là một cải tiến lớn cho sự phát triển.

-8

Thực ra, tiện ích bổ sung tốt nhất cho nhà phát triển cho IE sẽ là Fiddler. Nó có một số tính năng mà các trình duyệt khác có.

+2

Fiddler có vẻ như nó có một số tính năng thú vị để gỡ lỗi các vấn đề HTTP, nhưng tôi không thấy bất cứ điều gì để khắc phục sự cố bố cục HTML/CSS - đó là những gì tôi thực sự yêu cầu. –

+4

-1, Fiddler không liên quan đến câu hỏi – jcollum

7

Tôi cũng đã sử dụng Debug Bar.

+2

Tôi vừa tải xuống và Debug Bar dường như không thực hiện gỡ lỗi JS. – kikito

0

Bạn cũng có thể sử dụng đồng hồ IE, giống như firebug, nhưng bạn cần phải mua nó. Nó là một phiên bản đường mòn 30 ngày.

14

Bạn cũng có thể sử dụng Firebug Lite, hoạt động trên IE, Opera và Safari.

Đó là triển khai Javascript mà bạn có thể tải bằng một bookmarklet đơn giản.

Vì SO không cho phép Javascript, đây là mã nguồn bookmarklet (chỉ cần sao chép dán vào thanh vị trí trình duyệt của bạn (luôn đảm bảo an toàn trước khi thực hiện javascript ngẫu nhiên (Trong mọi trường hợp kiểm tra liên kết đầu tiên))

javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug); 

Firebug Lite hỗ trợ all basic commands Firebug.

+0

Đây là tâm thổi! Firebug trong IE7 và Safari là một giấc mơ trở thành sự thật! – Matt

2

tiếc là có vẻ như microsoft đã ngừng sử dụng nó, trang cho thanh công cụ giờ đây chỉ nói 'Chúng tôi rất tiếc, trang bạn yêu cầu không thể tìm thấy'.

Tôi nghĩ bởi vì nó được xây dựng vào 8 họ đã gỡ bỏ nó để tải về, và không thể bị làm phiền với giúp đỡ chúng tôi devs người đang buộc phải thực hiện các dự án của chúng tôi làm việc trong các trình duyệt cổ xưa hơn của họ: '(

Ngoài ra trước khi bất cứ ai nói vậy, IE8 chế độ tương thích! = IE7

1

sau đây là đặc biệt cho IE7, các phiên bản khác có lẽ tương tự.

Dưới đây là liên kết mới để các công cụ developmment từ microsoft. (tính đến 2011/04/26) IE Development Tools

Sau khi cài đặt, bạn sẽ cần bật thanh công cụ.

Để bật, hãy nhấp vào Tools | Manage Add-Ons | Enable or Disable Add-ons, để bật tiện ích bổ sung.

Để thêm biểu tượng vào Thanh công cụ của IE, nhấp chuột phải vào IE menu | Customize Command Bar | Add or Remove Commands. Thêm biểu tượng "< (mũi tên)>".

Hy vọng điều đó sẽ hữu ích.

+0

không phải là một repost cho câu hỏi được chấp nhận? – toxicate20

+0

@ toxicate20 vâng, nhưng tôi không bận tâm vì anh ấy giải thích cách bật thanh công cụ/biểu tượng – AlbatrossCafe

Các vấn đề liên quan