เบราว์เซอร์ปลั๊กอินเพื่อปรับขนาดหน้าต่างสำหรับทดสอบเบราว์เซอร์


9

เมื่อฉันสร้างเว็บไซต์ฉันทำงานบนจอแสดงผลภายนอกขนาด 22 นิ้วซึ่งใช้ได้ แต่เพื่อให้ได้แนวคิดที่ดีกว่าว่าไซต์จะมีลักษณะอย่างไรบนหน้าจอขนาดเล็กฉันต้องปรับขนาดหน้าต่างเบราว์เซอร์

ในขณะนี้ฉันใช้http://resizemybrowser.com/ (ซึ่งมีส่วนขยายของซาฟารี) แต่ฉันก็หลงทางถ้ามีปลั๊กอิน Firefox หรือเบราว์เซอร์โครมที่เบาบางคล้ายกัน


คุณใช้เครื่องมืออะไรในการพัฒนาเว็บไซต์
MDMoore313

ข้อความประเสริฐและดรีมเวฟเวอร์ แต่ฉันพบว่าตัวเองเอนเอียงไปทางประเสริฐมากขึ้นเรื่อย ๆ
sam

คำตอบ:


13

เป็นเพียงการขุดใน firefox และพบว่ามันยังมีโหมด "Responsive design" ไปที่นักพัฒนาเว็บ → ตอบสนองมุมมองออกแบบ

ป้อนคำอธิบายรูปภาพที่นี่

คุณจะได้รับแบบเลื่อนลงพร้อมความละเอียดที่กำหนดไว้หลังจากนั้น:

ป้อนคำอธิบายรูปภาพที่นี่


มี API สำหรับตัวเลือกนี้หรือไม่? หากต้องการเปลี่ยนจากโค้ดเสริมภายใน?
Kamal Reddy

3

นี่เป็นฟีเจอร์ในตัวใน Chrome

  1. เปิด DevTools ( F12)

  2. เปิดการตั้งค่า

    ป้อนคำอธิบายรูปภาพที่นี่

  3. กำหนดขนาดที่คุณต้องการสำหรับหน้าต่างของคุณในแผงควบคุมการแทนที่

    ป้อนคำอธิบายรูปภาพที่นี่

หมายเหตุ: เมื่อเลือกตัวแทนผู้ใช้ในแผงนั้น Chrome จะพยายามเลือกตัวชี้วัดอุปกรณ์ที่ถูกต้องสำหรับตัวแทนที่เลือก


2

สำหรับ Chrome คุณสามารถใช้หน้าต่าง Resizer Fore Firefox คุณสามารถใช้Firesizer


2
โปรดทราบว่าในเดือนธันวาคม 2556 มีการโต้แย้งเกิดขึ้นกับปลั๊กอินนี้หลังจากการอัปเดตเริ่มเปลี่ยนเส้นทางการค้นหาของ Google ผ่านบุคคลที่สาม
Charles Wesley
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.