Chrome có tính năng tuyệt vời cho phép bạn mô phỏng các thiết bị trong bảng điều khiển dành cho nhà phát triển. Nhưng tôi thích trình soạn thảo phong cách được đóng gói với firefox mới (phiên bản dành cho nhà phát triển). Làm thế nào chúng ta có thể mô phỏng một thiết bị, như chúng ta có thể trong chrome?Cách mô phỏng trình duyệt chrome cho thiết bị di động trong phiên bản dành cho nhà phát triển firefox
Trả lời
tính năng cụ thể của Chrome không giới hạn "kích thước màn hình" (có hiệu quả kích thước cửa sổ) mà có thể còn với Firefox Inspector như đề xuất trong một chú thích bởi Noitidart và báo cáo ở đây cho đầy đủ:
- Bạn có thể nhấn
Ctrl + Shift + M
(sẽ mở "Responsive Design View") - Ngoài truy cập từ "Main Menu ">" Developer ">Reponsive Design View
- Chọn" Responsive Design View "nút trong thanh công cụ của Toolbox
(tài liệu tham khảo thêm về vấn đề này trong liên kết này Responsive Design View)
Chrome thay vào đó, giả lập cũng Tác nhân người dùng, ví dụ để kích hoạt kiểm tra JS UA cụ thể cho phép cụ thể phát hiện thiết bị các tính năng được tạo bởi tác giả ứng dụng web.
Hiện nay, Firefox không có loại tính năng natively nhưng nó đã được yêu cầu nhiều lần trong cộng đồng chính thức và có vẻ như trong phát triển:
- Can you please add user agent switcher in tool?
- Give me a way to fully emulate the mobile browser in FF desktop
Dù sao, bạn có thể bù đắp bằng một số tiện ích bổ sung như:
Trong Firefox 47 một [tùy chọn đã được thêm vào để thay đổi chuỗi tác nhân người dùng] (https://bugzilla.mozilla.org/show_bug.cgi?id=828008) trong Chế độ thiết kế đáp ứng. –
- 1. Cách chạy tiện ích chrome trong trình duyệt Chrome dành cho thiết bị di động Android
- 2. Công cụ dành cho nhà phát triển trình duyệt Chrome: Kịch bản hiển thị nhiều lần
- 3. Tắt cử chỉ trong trình duyệt Chrome dành cho thiết bị di động
- 4. cách mô phỏng trình duyệt trên thiết bị di động (android) trên máy tính để bàn
- 5. Cách phát triển ứng dụng dành cho thiết bị di động trong Zend Studio 10
- 6. Công cụ dành cho nhà phát triển Chrome - Kích thước trình duyệt?
- 7. Tôi không mô phỏng thiết bị di động. Làm cách nào để tắt trình mô phỏng thiết bị Chrome DevTools?
- 8. Đây có phải là lỗi trong phiên bản dành cho nhà phát triển firefox không?
- 9. Cài đặt chế độ/mô phỏng trình duyệt cho Firefox
- 10. Phiên bản dành cho nhà phát triển Firefox thiếu chức năng xem thêm
- 11. phát hiện thiết bị trình duyệt di động trong .NET
- 12. Làm cách nào để mô phỏng thiết bị di động và gỡ lỗi trong Trình duyệt Firefox?
- 13. Trình đọc PDF E-ink dành cho nhà phát triển?
- 14. Cách phát hiện xem thiết bị di động có được Google Chrome mô phỏng không?
- 15. Công cụ dành cho nhà phát triển Google Chrome - tắt trình cai kê tùy chọn thi đua màu đen
- 16. Cách phát hiện trong perl nếu ứng dụng khách đang sử dụng trình duyệt dành cho thiết bị di động?
- 17. Chương trình dành cho doanh nghiệp iOS và Chương trình dành cho nhà phát triển iOS
- 18. Cập nhật ứng dụng trong nhà - Chương trình dành cho nhà phát triển doanh nghiệp iOS
- 19. không tự động phát trong trình phát HTML5 iframe trên thiết bị di động (Android Chrome và Firefox)?
- 20. Trang web lập trình dành cho thiết bị di động
- 21. Proxy Web dành cho nhà phát triển
- 22. "Bộ nhớ phiên" là gì trong Công cụ dành cho nhà phát triển Chrome?
- 23. Chụp ảnh màn hình của Chrome bằng Công cụ dành cho nhà phát triển Chrome?
- 24. Chúng tôi có thể có tiện ích bổ sung (FireFox) hoặc tiện ích mở rộng (Chrome) trong trình duyệt dành cho thiết bị di động [Android hoặc iPhone]
- 25. Trình duyệt: Công cụ dành cho nhà phát triển cho iPad?
- 26. Tắt tự động lưu thay đổi CSS trong Công cụ dành cho nhà phát triển Chrome
- 27. Qt dành cho nhà phát triển Delphi
- 28. Làm thế nào để bạn đóng cửa sổ Thuộc tính DOM trong Phiên bản dành cho nhà phát triển Firefox?
- 29. Công cụ dành cho nhà phát triển không hoạt động trong Chrome osx
- 30. Django dành cho nhà phát triển web2py
Bạn có nghĩa là bắt chước bởi thích thiết bị kết nối, và kiểm tra các ứng dụng Cordova/PhoneGap từ trình duyệt Chrome? Bạn có thể chia sẻ ảnh chụp màn hình không? Nếu đây là fetaure, tôi cũng thích nó và cũng cố gắng để có được nó trong Firefox, tôi chỉ quản lý để có được nó như vậy cho Firefox trên các thiết bị Android và Firefox OS nhưng không cho Android Corodova Apps. – Noitidart
Bạn không phải kết nối thiết bị, – Rockstar5645
Cảm ơn bạn đã chụp màn hình! Ah tôi hiểu rồi, vậy bạn có muốn thay đổi kích thước cửa sổ thành các kích cỡ khác nhau không? Nhấn 'Ctrl' +' Shift' + 'M' để mở" Khung nhìn thiết kế đáp ứng ". Cũng có thể truy cập từ "Menu chính"> "Nhà phát triển"> Chế độ xem thiết kế lặp lại. – Noitidart