2010-01-10 38 views
13

Tôi sử dụng Thanh công cụ dành cho nhà phát triển web trong FireFox để kiểm tra chỉnh sửa CSS. Tôi muốn làm điều tương tự trong IE, và tôi có thể làm điều đó với IE8's Developer Tool.Công cụ dành cho nhà phát triển IE8 - thêm kiểu CSS

Tuy nhiên tôi không có thể thêm một phong cách cụ phát triển, chỉ chỉnh sửa phong cách hiện - không có bất kỳ trong số các bạn biết một cách để chỉnh sửa CSS như bạn có thể làm với Thanh công cụ Chris Pedericks Web Developer?

Trả lời

17

Bạn có thể:

  • thêm một thuộc tính style (kích chuột phải vào thẻ html và bấm thêm thuộc tính (với tên phong cách, và sau đó chỉnh sửa các thuộc tính style Sau khi thêm nó)
  • Nhấp vào tab CSS , kích chuột phải vào khoảng trống, và thêm một quy tắc (điều này cũng giống như việc thêm một dòng vào tập tin css của bạn)
+0

Điều đó có hiệu quả! thx rất nhiều :) – timkl

+4

Cảm ơn. Rõ ràng không có nhà phát triển IE8 nào thực sự sử dụng những công cụ này khi họ tạo ra chúng. – Simon

+0

Điều gì sẽ khiến CSS nội tuyến luôn được gạch chéo với một dòng khi thêm nó vào một phần tử trong công cụ dev? – mmcrae

2

Tôi đang ở trên máy Mac của mình ngay bây giờ, nhưng tôi nhớ đã chạy vào đó.

Khi nhìn vào phía bên phải của Công cụ nhà phát triển, bạn sẽ thấy danh sách các kiểu CSS. Ở trên, bạn thấy một vài 'tab': Kiểu, Kiểu Dấu vết, Bố cục, Thuộc tính. Nếu tôi nhớ chính xác bạn không thể thay đổi chúng trong tab kiểu. Nhưng bạn có thể thay đổi chúng ở một trong các tab khác. Bạn có thể phải chỉnh sửa chúng thông qua thuộc tính kiểu.

1

bạn có thể thử firebug lite nhưng đó là một công việc ít để có được nó thiết lập.

+0

Tôi đã thử thiết lập Firebug Lite - nhưng nó chưa bao giờ thực sự hoạt động - dường như lỗi :( – timkl

12

Thêm vào những gì Gabriel đã đề cập ở trên.

Để có sự bổ sung nhanh chóng để kiểm tra và xem hiệu ứng tôi làm điều đó một chút khác biệt.

Với tab HTML được chọn, hãy chọn bảng "Thuộc tính" bên cạnh Kiểu, Dấu vết và Bố cục.

Nhấp vào nút "+" và bắt đầu nhập kiểu css bạn muốn thêm. Thuộc tính kiểu mới được thêm tự động trong bảng điều khiển chế độ xem DOM.

Hy vọng điều này sẽ hữu ích.

0

Thực hiện theo các bước sau: 1. Click vào phát triển công cụ 2. Trong Html yếu tố lựa chọn mà bạn muốn thêm css 3. Chọn tab thuộc tính có mặt trên bên phải 4. Thêm Tên và giá trị gia tăng. Kiểm tra kiểu của bạn được áp dụng cho phần tử html.

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