วิธีใช้ตัวจำลองเบราว์เซอร์มือถือใน Chrome, Firefox, Edge และ Opera

คุณจำเป็นต้องเข้าถึงโปรแกรมจำลองเบราว์เซอร์ของสมาร์ทโฟนบนพีซีของคุณเพื่อทดสอบเวอร์ชันมือถือของเว็บไซต์ที่คุณสนใจหรือไม่? บางทีคุณอาจเป็นนักพัฒนาเว็บหรือต้องการเป็นนักพัฒนาเว็บ และคุณจำเป็นต้องจำลองเบราว์เซอร์บนอุปกรณ์เคลื่อนที่สำหรับโครงการที่คุณกำลังดำเนินการอยู่ โดยไม่คำนึงถึงเหตุผลของคุณ นี่คือวิธีเข้าถึงโปรแกรมจำลองเบราว์เซอร์มือถือใน Google Chrome, Mozilla Firefox, Microsoft Edge และ Opera:

สารบัญ

  1. วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Google Chrome
  2. วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Mozilla Firefox
  3. วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Microsoft Edge
  4. วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Opera
  5. คุณพอใจกับตัวเลือกการจำลองเบราว์เซอร์บนมือถือหรือไม่?

วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Google Chrome

ใน Google Chrome ให้ไปที่เว็บไซต์ที่คุณต้องการดูในโปรแกรมจำลองเบราว์เซอร์มือถือ จากนั้น ให้กดแป้น CTRL + SHIFT + Iบนแป้นพิมพ์ หรือคลิกจุดแนวตั้งสามจุดที่มุมบนขวาด้วยเมาส์ เพื่อเปิดเมนู" ปรับแต่งและควบคุม Google Chrome" เลือกเครื่องมือเพิ่มเติมตามด้วยเครื่องมือสำหรับนักพัฒนา

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

เข้าถึงเครื่องมือสำหรับนักพัฒนาใน Google Chrome

คลิกหรือกดเลือกปุ่ม"สลับแถบเครื่องมืออุปกรณ์" (ดูเหมือนสมาร์ทโฟนถัดจากแท็บเล็ต) หรือกดCTRL + Shift + Mบนแป้นพิมพ์ เปิดใช้งานแถบเครื่องมืออุปกรณ์ที่โหลดหน้ามือถือ ตามค่าเริ่มต้น แถบเครื่องมือของอุปกรณ์จะใช้เทมเพลต ที่ปรับเปลี่ยนตามอุปกรณ์ สำหรับไซต์ที่คุณโหลด คลิกและเลือกอุปกรณ์มือถือที่คุณต้องการจำลอง ตัวเลือกของคุณ ได้แก่ iPhone, iPad, Surface Duo, อุปกรณ์ Samsung Galaxy สองเครื่อง และโปรแกรมจำลองเบราว์เซอร์มือถือ Moto G4 สำหรับพีซี

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

วิธีเปิดใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Google Chrome

เคล็ดลับ:น่าเสียดาย คุณสามารถใช้ แป้นพิมพ์ลัด CTRL + Shift + Mได้หลังจากเปิดใช้งานเครื่องมือสำหรับนักพัฒนาเท่านั้น

ไปที่ไซต์ที่คุณต้องการทดสอบ สลับไปมาระหว่างสมาร์ทโฟนและแท็บเล็ตต่างๆ และดูว่ามีลักษณะอย่างไร เมื่อเสร็จแล้ว ให้กดปุ่มX (ปิด)ที่มุมบนขวาของเครื่องมือสำหรับนักพัฒนาของ Google Chrome เพื่อกลับสู่โหมดการเรียกดูเดสก์ท็อปมาตรฐาน

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

การปิดโปรแกรมจำลองเบราว์เซอร์มือถือ Google Chrome

เคล็ดลับ:หากคุณเป็นผู้ใช้ Google Chrome จำนวนมาก คุณอาจต้องการเรียนรู้วิธีใช้ตัวเลือกการควบคุมสื่อของ Google Chrome

วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Mozilla Firefox

ใน Mozilla Firefox ให้เปิดไซต์ที่คุณต้องการใช้โปรแกรมจำลองเบราว์เซอร์บนมือถือ จากนั้นกดCTRL + Shift + Mบนแป้นพิมพ์หรือคลิกปุ่มเบอร์เกอร์ที่มุมบนขวาเพื่อเปิดเมนูของ Firefox แล้วเลือกWeb Developer

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

เข้าถึงเครื่องมือสำหรับนักพัฒนาเว็บใน Firefox

คุณเห็นเมนูที่เต็มไปด้วยเครื่องมือที่เป็นประโยชน์สำหรับนักพัฒนาเว็บ ในรายการ เลือก"โหมดการออกแบบที่ตอบสนอง"และโหมดการดูหน้าเว็บเฉพาะนี้จะโหลดขึ้นใน Firefox

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

เลือกโหมดการออกแบบที่ตอบสนองใน Firefox

Firefox เปิดใช้งานโหมดการออกแบบที่ ตอบสนอง ที่ด้านบนของหน้าต่าง คุณจะเห็นพารามิเตอร์ที่ใช้โดยโหมดการจำลองนี้ หากไม่มีการเลือกอุปกรณ์ ให้คลิกหรือแตะที่Responsiveเพื่อเปิดรายการดรอปดาวน์ที่มีอุปกรณ์ที่พร้อมสำหรับการจำลอง แล้วเลือกอุปกรณ์ที่คุณต้องการจำลอง

คุณสามารถจำลองเบราว์เซอร์มือถือสำหรับ iPhone, iPad, Kindle Fire (Firefox เป็นเบราว์เซอร์เดียวที่เสนอตัวเลือกการจำลองนี้) และอุปกรณ์ Samsung Galaxy S9

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

ใช้โปรแกรมจำลองเบราว์เซอร์มือถือใน Firefox

เมื่อคุณทำการทดสอบกับโปรแกรมจำลองเบราว์เซอร์ของสมาร์ทโฟนเสร็จแล้ว ให้กดปุ่มX (ปิดโหมดการออกแบบที่ตอบสนอง)ที่มุมบนขวาของ Mozilla Firefox

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

ปิดโปรแกรมจำลองเบราว์เซอร์มือถือใน Firefox

คุณกลับสู่โหมดการเรียกดูเดสก์ท็อปมาตรฐาน

วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Microsoft Edge

Microsoft Edge ใช้เอ็นจิ้นการเรนเดอร์เดียวกันกับ Google Chrome และเสนอตัวจำลองเบราว์เซอร์ของสมาร์ทโฟนตัวเดียวกัน หากต้องการเข้าถึง ให้ไปที่เว็บไซต์ที่คุณต้องการทดสอบ แล้วกดปุ่มCTRL + SHIFT + Iบนแป้นพิมพ์หรือคลิกจุดแนวนอนสามจุด ( “การตั้งค่าและอื่นๆ” ) ที่มุมบนขวาของ Microsoft Edge ในเมนูที่ปรากฏขึ้น ให้ไปที่More toolsจากนั้นไปที่Developer Tools

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

เข้าถึงเครื่องมือสำหรับนักพัฒนาใน Microsoft Edge

คลิกปุ่ม"สลับการจำลองอุปกรณ์" (ดูเหมือนสมาร์ทโฟนถัดจากแท็บเล็ต) หรือกดCTRL + Shift + Mบนแป้นพิมพ์ สิ่งนี้จะเปิดใช้งานแถบเครื่องมือจำลองเบราว์เซอร์มือถือ ตามค่าเริ่มต้น จะใช้เทมเพลตที่ปรับเปลี่ยนตามอุปกรณ์สำหรับไซต์ที่คุณโหลด คลิกและเลือกอุปกรณ์มือถือที่คุณต้องการจำลอง ตัวเลือกของคุณรวมถึงสมาร์ทโฟนและแท็บเล็ตเดียวกันกับ Google Chrome

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

เข้าถึงโปรแกรมจำลองเบราว์เซอร์มือถือใน Microsoft Edge

เรียกดูไซต์ที่คุณต้องการทดสอบ เปลี่ยนระหว่างอุปกรณ์เคลื่อนที่ต่างๆ และดูว่ามีลักษณะอย่างไร เมื่อเสร็จแล้ว ให้กดปุ่มX (ปิด)ที่มุมบนขวาของ Microsoft Edge

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

ปิดโปรแกรมจำลองเบราว์เซอร์มือถือใน Microsoft Edge

ตอนนี้คุณกลับสู่โหมดการเรียกดูเดสก์ท็อปมาตรฐานแล้ว

วิธีเปิดและใช้งานโปรแกรมจำลองเบราว์เซอร์มือถือใน Opera

ใน Opera ให้ไปที่หน้าเว็บที่คุณต้องการดูราวกับว่าคุณกำลังใช้อุปกรณ์มือถือ จากนั้นคลิกไอคอน Opera ที่ด้านบนซ้าย ( “ปรับแต่งและควบคุม Opera” ) ในเมนูที่เปิดขึ้น ให้เลือกDeveloperตามด้วยDeveloper tools หากคุณต้องการแป้นพิมพ์ ให้กดแป้น CTRL+Shift+Iเพื่อให้ได้ผลลัพธ์เดียวกัน

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

เข้าถึงเครื่องมือสำหรับนักพัฒนาใน Opera

เครื่องมือสำหรับ นักพัฒนาจะปรากฏขึ้นที่ด้านขวาของหน้าต่างเบราว์เซอร์ คลิกปุ่ม"สลับแถบเครื่องมืออุปกรณ์" (ดูเหมือนสมาร์ทโฟนถัดจากแท็บเล็ต) หรือกดCTRL + Shift + Mบนแป้นพิมพ์ แถบเครื่องมืออุปกรณ์จะแสดงทางด้านซ้าย ตามค่าเริ่มต้น จะใช้เทมเพลตที่ปรับเปลี่ยนตามอุปกรณ์สำหรับไซต์ที่คุณโหลด คลิกและเลือกอุปกรณ์มือถือที่คุณต้องการจำลองจากรายการตัวเลือก Opera เสนอโปรแกรมจำลองเบราว์เซอร์มือถือเหมือนกับ Google Chrome และ Microsoft Edge เนื่องจากใช้เอ็นจิ้นการเรนเดอร์เดียวกัน (Chromium)

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

เข้าถึงตัวจำลองเบราว์เซอร์มือถือใน Opera

เมื่อคุณทำการทดสอบเสร็จแล้ว ให้กดปุ่ม X (ปิด) ที่มุมบนขวาเพื่อกลับสู่โหมดการเรียกดูเดสก์ท็อปมาตรฐาน

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

ปิดโปรแกรมจำลองเบราว์เซอร์มือถือใน Opera

คุณพอใจกับตัวเลือกการจำลองเบราว์เซอร์บนมือถือหรือไม่?

ตอนนี้คุณรู้วิธีเลียนแบบอุปกรณ์มือถือทุกประเภทในเว็บเบราว์เซอร์ที่คุณชื่นชอบแล้ว อย่างไรก็ตาม คุณอาจสังเกตเห็นว่าเว็บเบราว์เซอร์ส่วนใหญ่มีตัวเลือกการจำลองแบบเดียวกับที่ใช้กับ iPhone และ iPad หากคุณต้องการเลียนแบบสมาร์ทโฟนหรือแท็บเล็ต Android รุ่นใหม่ โอกาสของคุณค่อนข้างน้อย แม้แต่ใน Google Chrome - เบราว์เซอร์ที่พัฒนาโดยบริษัทที่อยู่เบื้องหลัง Android หากคุณต้องการผลลัพธ์ที่ดีที่สุด คุณอาจต้องใช้สองเบราว์เซอร์สำหรับงานนี้: Chrome และ Firefox หรือ Firefox และ Edge หรือ Opera ก่อนที่คุณจะไป โปรดบอกเราว่าคุณคิดอย่างไรเกี่ยวกับตัวเลือกที่มีให้

ฝากความเห็น

การแก้ไขข้อผิดพลาดในการกำหนดค่าแบบ Side-by-Side ใน Microsoft Edge

การแก้ไขข้อผิดพลาดในการกำหนดค่าแบบ Side-by-Side ใน Microsoft Edge

ติดปัญหาข้อผิดพลาดในการตั้งค่า Side-by-Side ของ Microsoft Edge ใช่ไหม? ทำตามขั้นตอนการแก้ไขทีละขั้นตอนที่เราได้พิสูจน์แล้ว เพื่อแก้ไขปัญหาอย่างรวดเร็วและกลับมาใช้งานเบราว์เซอร์ได้อย่างราบรื่น ไม่จำเป็นต้องมีความรู้ด้านเทคนิค!

วิธีใช้งานโปรแกรมจัดการรหัสผ่านในตัวของ Microsoft Edge อย่างปลอดภัย

วิธีใช้งานโปรแกรมจัดการรหัสผ่านในตัวของ Microsoft Edge อย่างปลอดภัย

เรียนรู้วิธีใช้งานโปรแกรมจัดการรหัสผ่านในตัวของ Microsoft Edge อย่างปลอดภัยด้วยคู่มือทีละขั้นตอนฉบับนี้ เรียนรู้วิธีเปิดใช้งาน บันทึก และกรอกรหัสผ่านอัตโนมัติ รวมถึงเคล็ดลับด้านความปลอดภัยขั้นสูงเพื่อการท่องเว็บที่ไร้กังวล ปกป้องข้อมูลของคุณได้แล้ววันนี้!

วิธีแก้ไขปัญหา Microsoft Edge Winaero Tweaker Fix 2026

วิธีแก้ไขปัญหา Microsoft Edge Winaero Tweaker Fix 2026

กำลังประสบปัญหา Microsoft Edge ค้างหรือมีข้อผิดพลาดหลังจากปรับแต่งด้วย Winaero Tweaker อยู่ใช่ไหม? รับคู่มือฉบับสมบูรณ์เกี่ยวกับวิธีการแก้ไขปัญหา Microsoft Edge ที่เกิดจาก Winaero Tweaker ในปี 2026 พร้อมวิธีแก้ปัญหาทีละขั้นตอนเพื่อให้ใช้งานได้อย่างราบรื่นในเวอร์ชันล่าสุด วิธีแก้ไขที่รวดเร็วและเชื่อถือได้!

วิธีแก้ไขปัญหาการเข้าถึง Microsoft Edge ถูกปฏิเสธในบางเว็บไซต์

วิธีแก้ไขปัญหาการเข้าถึง Microsoft Edge ถูกปฏิเสธในบางเว็บไซต์

กำลังประสบปัญหาการเข้าถึงถูกปฏิเสธใน Microsoft Edge บนเว็บไซต์บางแห่งอยู่ใช่ไหม? ค้นพบวิธีแก้ไขปัญหาการเข้าถึงถูกปฏิเสธใน Microsoft Edge ที่ได้ผลจริงและเป็นขั้นตอน ล้างแคช ปรับแต่งการตั้งค่า และเข้าถึงได้อีกครั้งอย่างรวดเร็ว ไม่จำเป็นต้องมีความรู้ด้านเทคนิค!

การแก้ไขปัญหา Microsoft Edge Transparency Multi GPU

การแก้ไขปัญหา Microsoft Edge Transparency Multi GPU

แก้ไขปัญหาความโปร่งใสของ Microsoft Edge ในการใช้งาน Multi GPU อย่างตรงจุดด้วยขั้นตอนการแก้ไขทีละขั้น คืนความราบรื่นและคมชัดให้กับแท็บและเอฟเฟกต์ต่างๆ บนระบบ NVIDIA/Intel แบบ Dual GPU ได้อย่างง่ายดาย

การแก้ไขปัญหาแบตเตอรี่หมดเร็วของ Microsoft Edge บนแล็ปท็อป

การแก้ไขปัญหาแบตเตอรี่หมดเร็วของ Microsoft Edge บนแล็ปท็อป

เบื่อไหมที่ Microsoft Edge ทำให้แบตเตอรี่แล็ปท็อปของคุณหมดเร็ว? รับวิธีแก้ไขปัญหาทันทีด้วยคู่มือการแก้ไขปัญหาแบบทีละขั้นตอนสำหรับปัญหาแบตเตอรี่แล็ปท็อปหมดเร็วของ Microsoft Edge เพิ่มอายุการใช้งานแบตเตอรี่ได้แล้ววันนี้!

วิธีแก้ไขข้อผิดพลาดเกตเวย์เดสก์ท็อประยะไกลของ Microsoft Edge

วิธีแก้ไขข้อผิดพลาดเกตเวย์เดสก์ท็อประยะไกลของ Microsoft Edge

กำลังประสบปัญหาข้อผิดพลาดของ Microsoft Edge Remote Desktop Gateway อยู่ใช่ไหม? มาดูวิธีแก้ไขทีละขั้นตอนที่ใช้ได้กับ Edge เวอร์ชันล่าสุดกัน ล้างแคช รีเซ็ตการตั้งค่า และอื่นๆ อีกมากมาย—ไม่จำเป็นต้องมีความรู้ด้านเทคนิค!

การแก้ไขปัญหาข้อผิดพลาด MSI 1722 ของ Microsoft Edge บน Windows 11

การแก้ไขปัญหาข้อผิดพลาด MSI 1722 ของ Microsoft Edge บน Windows 11

พบข้อผิดพลาด MSI Error 1722 ขณะติดตั้งหรืออัปเดต Microsoft Edge บน Windows 11 ใช่ไหม? ทำตามคู่มือการแก้ไขปัญหาจากผู้เชี่ยวชาญของเรา พร้อมวิธีแก้ไขที่ง่ายและมีประสิทธิภาพ เพื่อให้ Edge กลับมาใช้งานได้อย่างราบรื่นอีกครั้ง ไม่จำเป็นต้องมีความรู้ด้านเทคนิค!

แก้ไขปัญหาเสียงสะท้อนไมโครโฟนใน Microsoft Edge ระหว่างการโทรผ่านเว็บ

แก้ไขปัญหาเสียงสะท้อนไมโครโฟนใน Microsoft Edge ระหว่างการโทรผ่านเว็บ

เบื่อกับเสียงสะท้อนจากไมโครโฟนที่น่ารำคาญซึ่งทำลายการสนทนาผ่านเว็บใน Microsoft Edge หรือไม่? รับวิธีแก้ปัญหาเสียงสะท้อนจากไมโครโฟนใน Microsoft Edge ที่ได้รับการพิสูจน์แล้วทีละขั้นตอน เพื่อใช้งานใน Zoom, Teams, Google Meet และอื่นๆ เพื่อให้ได้เสียงที่คมชัดทุกครั้ง

การแก้ไขปัญหาเมนูบริบทของ Microsoft Edge ทำงานช้า

การแก้ไขปัญหาเมนูบริบทของ Microsoft Edge ทำงานช้า

เบื่อกับปัญหาเมนูบริบทของ Microsoft Edge ที่ทำงานช้าใช่ไหม? คู่มือการแก้ไขปัญหาฉบับสมบูรณ์นี้จะนำเสนอวิธีแก้ไขที่ได้ผล การรีเซ็ตอย่างรวดเร็ว และเคล็ดลับขั้นสูงเพื่อคืนความเร็วในการคลิกขวาที่รวดเร็วทันใจใน Edge เริ่มกันเลย!