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
Trả lời
- Đế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.) - DevTools mở, đi đến hộp thoại
Settings
, chuyển sangExperiments
tab. - Bật thử nghiệm "Hỗ trợ đoạn mã", đóng và mở lại DevTools.
- Đi tới bảng điều khiển
Sources
. Trong thanh điều hướng bên trái, chuyển sang tabSnippets
. - 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
. - Đặ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ã.
- 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.
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
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
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. –
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.
- Mở thanh tra
- 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"
- 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á.
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.
- 1. Công cụ chọn màu - đề xuất cho các công cụ dành cho nhà phát triển Chrome
- 2. Công cụ phủ sóng xây dựng cho các công cụ dành cho nhà phát triển chrome
- 3. Thay đổi tệp JavaScript trên Công cụ dành cho nhà phát triển của Google Chrome
- 4. Chụp ảnh màn hình của Chrome bằng Công cụ dành cho nhà phát triển Chrome?
- 5. Tắt tự động lưu thay đổi CSS trong Công cụ dành cho nhà phát triển Chrome
- 6. Công cụ dành cho nhà phát triển không hoạt động trong Chrome osx
- 7. Google Chrome sao chép đường dẫn CSS trong Công cụ dành cho nhà phát triển
- 8. Công cụ dành cho nhà phát triển Android khác
- 9. Công cụ dành cho nhà phát triển Chrome ánh xạ vùng làm việc
- 10. Công cụ dành cho nhà phát triển Chrome đóng băng trang
- 11. Công cụ dành cho nhà phát triển Chrome. Điểm ngắt sửa đổi subtree DOM?
- 12. Tùy chỉnh phím tắt Công cụ dành cho nhà phát triển Google Chrome trên máy Mac
- 13. Tắt chức năng $ của Công cụ dành cho nhà phát triển Chrome
- 14. Gỡ lỗi iframe bằng công cụ nhà phát triển Chrome
- 15. Javascript IE8 không chạy trừ khi Công cụ dành cho nhà phát triển mở?
- 16. Công cụ GUI dành cho nhà phát triển và quản trị dành cho Hadoop
- 17. Tương đương với Firebug cd trong công cụ dành cho nhà phát triển/bảng điều khiển Chrome
- 18. Gỡ lỗi ngoại lệ Dom bằng các công cụ dành cho nhà phát triển chrome trong jquery
- 19. Xuất dữ liệu từ công cụ nhà phát triển Chrome
- 20. Không thể thấy mã được tải động trong Công cụ dành cho nhà phát triển Chrome 22
- 21. "Sao chép vị trí có thông số" cho Công cụ dành cho nhà phát triển của Google Chrome?
- 22. HTML Body cho biết cz-shortcut-listen = "true" với Công cụ dành cho nhà phát triển của Chrome?
- 23. Công cụ dành cho nhà phát triển Chrome: Tài nguyên tốt nhất để tìm hiểu các tính năng nâng cao?
- 24. Nhận số dòng trong cửa sổ Thành phần của Công cụ dành cho nhà phát triển Chrome?
- 25. Kiểm tra trong IFrame trong Công cụ dành cho nhà phát triển IE8?
- 26. Công cụ dành cho nhà phát triển IE - hiện đã tạo DOM
- 27. Cách lặp lại yêu cầu POST bằng các công cụ dành cho nhà phát triển của Chrome?
- 28. Thanh công cụ dành cho nhà phát triển tốt nhất cho IE là gì?
- 29. Công cụ dành cho nhà phát triển Chrome: tìm kiếm không phân biệt chữ hoa chữ thường
- 30. Tiểu sử sơ lược về Qn - ASP .NET MVC + Mini-Profiler + Công cụ dành cho nhà phát triển Chrome
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? –