Tôi đang tìm một công cụ hiển thị trang web của tôi ở chế độ thiết bị di động. Ngoài ra tôi muốn gỡ lỗi trang web của tôi với các công cụ như Firebug hoặc ... thậm chí tốt hơn tôi có thể sử dụng Firebug. Giải pháp được thiết lập để làm điều đó là gì?Làm cách nào để mô phỏng thiết bị di động và gỡ lỗi trong Trình duyệt Firefox?
Bạn có thể sử dụng các công cụ trình duyệt riêng (Firefox, IE, Chrome ...) để gỡ lỗi JavaScript của bạn.
Đối với thay đổi kích thước, Firefox/Chrome đã sở hữu nguồn tài nguyên truy cập qua Ctrl +phím Shift +tôi HOẶC F12. Chuyển tab "trình chỉnh sửa kiểu" và nhấp vào biểu tượng "thiết kế thích ứng/phản hồi".
Cũ phiên bản Firefox
New Firefox/Firebug
Chrome
* Một là cài đặt tiện ích bổ sung như "Nhà phát triển web"
Tôi nghĩ rằng firebug đang đấu tranh để theo kịp với firefox những ngày này. Tôi thích nó, nhưng nó đang vật lộn. Ngày càng nhiều, tôi sử dụng trình kiểm tra tích hợp đi kèm với Firefox khi tôi phải khắc phục sự cố Firefox. –
Hầu hết các ứng dụng web đều phát hiện thiết bị di động dựa trên Tiêu đề HTTP.
Nếu trang web của bạn cũng sử dụng HTTP Headers để xác định thiết bị di động, bạn có thể làm như sau:
User-Agent và giá trị: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3Hy vọng điều đó sẽ hữu ích!
Bạn có thể sử dụng tiện ích bổ sung Firefox User Agent Overrider. Với add-on, bạn có thể sử dụng bất cứ tác nhân người dùng mà bạn muốn, cho examlpe này:
Firefox 28/Android: Mozilla/5.0 (Android; Mobile; rv:28.0) Gecko/24.0 Firefox/28.0
Nếu trang web của bạn phát hiện các thiết bị di động thông qua các đại lý người dùng sau đó bạn có thể kiểm tra cách bố trí của bạn theo cách này.
Cập nhật Tháng Mười Một '17:
Do việc phát hành của Firefox 57 và sự ra đời của phần mở rộng web này add-on đáng buồn là không còn nữa. Hoặc bạn có thể chỉnh sửa tùy chọn Firefox general.useragent.override trong cấu hình của bạn:
about:configgeneral.useragent.overrideThực sự tốt để sử dụng. Nó nhắc tôi rằng có các phần mở rộng tương tự trong chrome, ví dụ: https: //chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg –
Cảm ơn !! Đó là những gì tôi muốn, nhưng vấn đề là điều này ảnh hưởng đến tất cả các tab trình duyệt: ( – Kabkee
Tôi sẽ sử dụng "Chế độ xem thiết kế đáp ứng" có sẵn trong Công cụ -> Nhà phát triển web -> Chế độ xem thiết kế đáp ứng. Nó sẽ cho phép bạn kiểm tra CSS của mình dựa trên các kích thước màn hình khác nhau.
Sử dụng công cụ thiết kế Responsive sử dụng Ctrl +phím Shift +M.
Đây là phương pháp dễ nhất. –
Chế độ phản hồi không giống với mô phỏng thiết bị di động –
Bạn có thể sử dụng đã được đề cập trong xây dựng Responsive Thiết kế Chế độ (thông qua các công cụ dev) để thiết lập màn hình tùy chỉnh kích thước cùng với Random Agent Spoofer Plugin để thay đổi tiêu đề của bạn để mô phỏng bạn đang sử dụng di động, máy tính bảng, vv Nhiều trang web chỉ định của họ nội dung theo các tiêu đề đã xác định này.
Là công cụ dev bạn có thể sử dụng được xây dựng trong Công cụ phát triển (Ctrl + phím Shift + tôi hay Cmd + phím Shift + tôi dành cho Mac) mà đã trở thành khá giống với Chrome dev công cụ của bây giờ.
Tôi nghĩ tốt hơn nên sử dụng thanh công cụ thiết bị chuyển đổi chrome với trình kiểm tra chrome. Nó cung cấp cho bạn một chuyển đổi tác nhân người dùng cùng với chế độ đáp ứng. 
Tôi chỉ muốn thêm rằng đây là một tính năng gốc trong Chrome. Bạn có thể chọn mô phỏng "Galaxy S5', sau đó tải lại trang để xem nó như vậy, ví dụ. – User