2012-12-09 38 views
21

Trong Firebug, tôi có thể nhập JavaScript của riêng mình vào tab bảng điều khiển và thực thi nó. Có cách nào để nhập JavaScript trong Công cụ nhà phát triển Chrome và thực thi không?Viết JavaScript trong công cụ dành cho nhà phát triển Chrome

+0

Cảm ơn. Tôi nghĩ rằng tôi biết tôi có thể viết một dòng ở đó. Có cách nào tôi có thể viết nhiều dòng mã JavaScript không? –

Trả lời

48
  1. Đến chrome://flags/, kích hoạt "Enable Developer Tools thí nghiệm" cờ và khởi động lại Chrome (hoặc bắt đầu nó với cờ --enable-devtools-experiments dòng lệnh.)
  2. DevTools mở, đi đến hộp thoại Settings, chuyển sang Experiments tab.
  3. Bật thử nghiệm "Hỗ trợ đoạn mã", đóng và mở lại DevTools.
  4. Đi tới bảng điều khiển Sources. Trong thanh điều hướng bên trái, chuyển sang tab Snippets.
  5. Nhấp chuột phải vào cây [trống] trong tab này, chọn mục menu ngữ cảnh New.
  6. Đặt đoạn mã mới bất kỳ tên nào bạn thích và nhập nội dung đoạn mã.
  7. Sau khi hoàn tất, hãy nhấp vào nút Run (>) trên thanh trạng thái để thực thi phần nội dung. Bạn có thể đặt các điểm ngắt trong các đoạn mã và gỡ lỗi chúng thành các tập lệnh thông thường.
+1

Sử dụng phiên bản Chromium 20.0.1132.47 Ubuntu 12.04 (144678), tôi thấy các bước 2, 4 và 5 hơi khác: 2) Mở Công cụ dành cho nhà phát triển ('Công cụ'>' Công cụ nhà phát triển' - hoặc 'Shift + Ctrl + I'), nhấp vào biểu tượng cài đặt (một bánh răng nhỏ ở phía dưới bên phải), sau đó * cuộn xuống * đến phần 'Thử nghiệm'. 3 là như nhau. 4) Chuyển sang bảng điều khiển 'Tập lệnh '. Nhấp vào biểu tượng giống cây nhỏ nếu cần. Bây giờ bạn sẽ thấy ba tab, 'Scripts,' Content Scripts' và 'Snippets'. Chuyển sang tab 'Đoạn trích '. 5) Nhấp chuột phải vào cây [trống] trong tab này, chọn mục trình đơn ngữ cảnh 'Tạo đoạn trích'. – hangtwenty

+0

Tuy nhiên, không có gì xảy ra sau khi tôi nhấp vào 'Tạo đoạn trích'. Có lẽ đây là lỗi với phiên bản Chromium này. – hangtwenty

+0

Tại sao bạn vẫn đang sử dụng Chromium 20? Bạn chắc chắn nên cập nhật, vì nó có rất nhiều lỗ hổng bảo mật. –

0

Bạn không thể gỡ lỗi Javascript, nhưng bạn có thể thực thi Javascript (bao gồm cả jquery) trong thanh tra REPL trong trình kiểm tra chrome.

  1. Mở thanh tra
  2. Nhấp vào nút ở phía dưới bên trái với 3 dòng - tooltip của nó là "hiển thị giao diện điều khiển"
  3. Gõ javascript của bạn và nhấn enter

Lưu ý bạn thường phải chuyển đến tab Nguồn và nhấp vào nút "tạm dừng thực thi tập lệnh" để javascript của bạn được đánh giá.

4

gần đây Chrome Sử dụng Chrome 50, Juste mở "Console" tab và bắt đầu nhập và thực thi mã của bạn ở dưới cùng của giao diện điều khiển.

mũi tên lên, nhớ lại đoạn code, ctrl-nhập mang đến cho bạn một dòng sản phẩm mới:

enter image description here

5

Bước 1: Mở Dev công cụ Google chrome [Nhấn f12]

Bước 2: Nhấp vào Nguồn tab

Bước 3: Trên bảng điều khiển bên trái, nhấp vào Đoạn mã tab (có thể được ẩn, nếu có thì bấm >> và nó sẽ xuất hiện)

Bước 4: Để tạo đoạn mới nhấp + Mới đoạn hoặc nhấp chuột phải trong Navigator, và sau đó chọn New

Bước 5: Phát triển mã của bạn vào ngăn giữa và lưu nó.

Bước 6: Để chạy một số câu liên, có ba cách

 A: Ctrl + Enter 

     B: Click on Run button [ Into Right-side panel, Top-Left button ] 

     C: Right-click on the snippet filename (in the pane on the left that lists 
      all your snippets) and select Run. 
Các vấn đề liên quan