2011-08-26 10 views
5

Tôi đã tạo một trang web sử dụng YUI 3 sliders. Nó đã được làm việc tốt trong mọi cách cho đến gần đây.Tôi làm cách nào để gỡ lỗi Javascript hoạt động trên máy tính để bàn của mình nhưng không hoạt động trên điện thoại di động?

Bây giờ, trong vài ngày qua, trên thiết bị di động của tôi, điện thoại Android, các ngón tay cái của thanh trượt không còn phản ứng khi chạm và không thể kéo được.

Ngoài ra, tất cả Javascript dường như đang tải và hoạt động đúng cách, vì vậy vấn đề này dường như được bản địa hóa chỉ với thanh trượt.

Tôi thề rằng tôi đã không cố ý thực hiện bất kỳ thay đổi nào đối với mã liên quan đến thanh trượt, nhưng, tôi phải làm điều gì đó ở đâu đó trong Javascript của mình để gây ra sự khác biệt này.

Vấn đề là mọi thứ hoạt động tốt trên máy tính để bàn hoặc máy tính xách tay của tôi hoặc bất kỳ thiết bị nào khác mà chạm không liên quan. Vì vậy, thật khó để xác định nơi mã có thể bị lỗi.

Có cách nào tôi có thể xác thực hoặc kiểm tra mã của mình để xem lý do mã không hoạt động chính xác trên thiết bị di động của tôi không?

Rất tiếc, tôi không thể cung cấp trang web tại thời điểm này vì tôi chưa được phép phát hành công khai. Câu trả lời sẽ phải dựa trên nguyên tắc chung.

+0

Chỉ cần một khả năng từ xa, nhưng nhóm nghiên cứu YUI phát hành 3,4 tuần trước, mà tôi tin rằng đã có một số công việc chủ yếu thực hiện trên thanh trượt. Bạn có thể có một trường hợp của versionitis. – mjhm

+0

Cảm ơn bạn đã cảnh báo về bản cập nhật. Tôi giữ tất cả các tập tin của tôi địa phương, vì vậy tôi không nghĩ rằng tôi sẽ bị ảnh hưởng. Mặc dù, tôi tự hỏi nếu nó sẽ có lợi cho tôi để nâng cấp. – Questioner

Trả lời

5

Bạn có thể sử dụng Firebug Lite để kiểm tra cây DOM và gỡ lỗi JavaScript. installation của nó là khá dễ dàng: Chỉ cần bao gồm

<script src="https://getfirebug.com/firebug-lite.js"></script> 

ngay dưới <head> (hoặc sử dụng một bookmarklet).

+0

Điều này có vẻ như là một điều tốt ... tuy nhiên, bao gồm cả nó đã phá vỡ trang web của tôi hoàn toàn. Tôi sẽ xem nếu có một số cài đặt có thể làm cho nó hoạt động như dự định. – Questioner

+0

Đây là một tiện ích tốt, và tôi nghĩ nó sẽ có ích. Vì vậy, tôi đã đánh dấu điều này là đúng cho câu hỏi chung của tôi về cách gỡ lỗi có thể đạt được.Tuy nhiên, về vấn đề đặc biệt của thanh trượt của tôi không hoạt động, tôi vẫn bị kẹt, vì vậy tôi đã chuyển khía cạnh đó sang một câu hỏi mới. http://stackoverflow.com/questions/7254621/why-did-touch-events-on-my-yui-slider-suddenly-stop-working Cảm ơn sự giúp đỡ và hỗ trợ của bạn. – Questioner

3

Bạn có thể sử dụng JSConsole để gỡ lỗi từ xa. Công cụ này dành cho gỡ lỗi từ xa một ứng dụng web di động được thực hiện bởi @rem.

Rất dễ sử dụng. Nếu bạn thử, bạn có thể tìm thấy một số hướng dẫn như http://jsconsole.com/remote-debugging.html.

0

Một lựa chọn tốt cho remore gỡ lỗi trên điện thoại di động của bạn là Weinre (Web Inspector từ xa)

Bạn có thể sử dụng nó như một dịch vụ cũng như: http://debug.phonegap.com/

1

lẽ muộn một chút, nhưng bây giờ có một số cách gỡ lỗi DOM và JS trên thiết bị di động. Với Adobe Shadow, bạn cũng có thể kiểm tra localStorage.