Một ứng dụng AngularJS hoạt động tốt trên máy tính để bàn, nhưng không hiển thị đúng trên thiết bị di động (mã thực tế đang hiển thị). Đây là trên một điện thoại Android.
Tôi muốn xem những gì lỗi đang hiển thị trong giao diện điều khiển.
Có thể mở bảng điều khiển JS trên ứng dụng chrome trên thiết bị di động (giống như trên máy tính để bàn) không?
Câu trả lời:
Bạn có thể làm điều đó bằng cách sử dụng gỡ lỗi từ xa, đây là tài liệu chính thức . Quy trình cơ bản:
*từ các công cụ dev trên pc / mac.* Đây là "Thiết bị từ xa".
Khi bạn không có PC trên tay, bạn có thể sử dụng Eruda, đó là devtools cho trình duyệt di động https://github.com/liriliri/eruda
Nó được cung cấp dưới dạng javascript có thể nhúng và cũng là bookmarklet (dán bookmarklet trong chrome sẽ loại bỏ javascript: tiền tố, vì vậy bạn phải tự gõ nó)
eruda-webpack-pluginvào một dự án : npm i eruba-webpack-plugin --save-optional.
Tôi chỉ muốn xem những gì đã được in trong bảng điều khiển, bạn có thể đơn giản thêm phần "được in" vào đâu đó trong HTML của mình để nó sẽ xuất hiện trên trang web. Bạn có thể tự làm điều đó, nhưng có một tệp javascript thực hiện điều này cho bạn. Bạn có thể đọc nó ở đây:
http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/
Mã có sẵn từ Github ; bạn có thể tải xuống và dán nó vào tệp javascipt và thêm nó vào HTML của bạn
mobileConsole.init(). Thủ thuật đó giúp ích trong trường hợp của tôi. YMMV.
if (!mobileConsole.status.initialized) { mobileConsole.init(); } "
Hãy làm cho mình một ưu tiên và chỉ cần nhấn nút dễ dàng:
tải xuống Web Inspector (Nguồn mở) từ cửa hàng Play.
Một CAVEAT: ATTOW, đầu ra giao diện điều khiển không chấp nhận các thông số còn lại! Tức là nếu bạn có một cái gì đó như thế này:
console.log('one', 'two', 'three');
bạn sẽ chỉ nhìn thấy
một
đăng nhập vào giao diện điều khiển. Bạn sẽ cần phải tự bọc các thông số trong một mảng và tham gia, như vậy:
console.log([ 'one', 'two', 'three' ].join(' '));
để xem sản lượng dự kiến.
Nhưng ứng dụng này là nguồn mở ! Một bản vá có thể sắp xảy ra ! Người vá thậm chí có thể là bạn!
Trình duyệt Kiwi là Chromium di động và cho phép cài đặt tiện ích mở rộng . Cài đặt Kiwi và sau đó cài đặt tiện ích mở rộng Chrome "Mini JS console" (chỉ cần tìm kiếm trong Google và cài đặt từ trang web tiện ích mở rộng của Chrome, uBlock cũng hoạt động;). Nó sẽ trở nên có sẵn trong menu Kiwi ở phía dưới và sẽ hiển thị đầu ra giao diện điều khiển cho trang hiện tại.
Bạn có thể thử Trình duyệt Gear, nó có thể kiểm tra các yếu tố và gỡ lỗi trang web chỉ trên thiết bị di động.