วิธีใช้ตัวจำลองเบราว์เซอร์มือถือใน 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 ก่อนที่คุณจะไป โปรดบอกเราว่าคุณคิดอย่างไรเกี่ยวกับตัวเลือกที่มีให้

ฝากความเห็น

เทรนด์พอดแคสต์ที่คุณควรรู้ในปี 2026: แผนที่สำหรับมือใหม่

เทรนด์พอดแคสต์ที่คุณควรรู้ในปี 2026: แผนที่สำหรับมือใหม่

เพิ่งเริ่มต้นทำพอดแคสต์ใช่ไหม? เรียนรู้เทรนด์ปี 2026 ที่จะกำหนดทิศทางของวิดีโอ การค้นหา การถอดเสียง AI การวิเคราะห์ข้อมูล การสร้างรายได้ และแผนการเปิดตัวที่ใช้งานได้จริง

หลักสูตรขั้นสูงด้าน UGC: สร้างคอนเทนต์ที่สร้างโดยผู้ใช้ซึ่งได้รับความไว้วางใจและกระตุ้นให้เกิดการกระทำ

หลักสูตรขั้นสูงด้าน UGC: สร้างคอนเทนต์ที่สร้างโดยผู้ใช้ซึ่งได้รับความไว้วางใจและกระตุ้นให้เกิดการกระทำ

หลักสูตรเชิงปฏิบัติการขั้นสูงด้าน UGC (User-Generated Content) สำหรับการค้นหาแหล่งที่มา การขออนุญาต การให้ข้อมูลเบื้องต้น การเผยแพร่ และการวัดผลเนื้อหาจากลูกค้าและผู้สร้างโดยไม่สูญเสียความเป็นเอกลักษณ์

เหตุใดการสร้างชุมชนจึงเป็นการตลาดรูปแบบใหม่ และเมื่อใดที่ไม่ใช่

เหตุใดการสร้างชุมชนจึงเป็นการตลาดรูปแบบใหม่ และเมื่อใดที่ไม่ใช่

การสร้างชุมชนสามารถเสริมสร้างความไว้วางใจ การรักษาฐานลูกค้า การรับฟังความคิดเห็น และการสนับสนุนได้ แต่ก็ไม่ใช่สิ่งที่จะมาทดแทนช่องทางการตลาดทุกช่องทางได้ ควรเปรียบเทียบข้อดีข้อเสียและเลือกรูปแบบที่เหมาะสม

Navigating Social Media Algorithm Changes in 2026: What’s Confirmed, Contextual, and Still Unknown

Navigating Social Media Algorithm Changes in 2026: What’s Confirmed, Contextual, and Still Unknown

Learn what major social platforms have actually confirmed about ranking changes in 2026, what depends on context, and how to adapt without chasing myths.

การเล่าเรื่องอย่างแท้จริงในด้านการตลาดแบรนด์: วิธีสร้างความไว้วางใจโดยไม่ให้ดูเหมือนท่องจำมา

การเล่าเรื่องอย่างแท้จริงในด้านการตลาดแบรนด์: วิธีสร้างความไว้วางใจโดยไม่ให้ดูเหมือนท่องจำมา

เรียนรู้วิธีทำให้การเล่าเรื่องราวของแบรนด์ดูน่าเชื่อถือ เป็นธรรมชาติ และเฉพาะเจาะจง โดยใช้หลักฐาน ความตึงเครียดที่เกิดขึ้นจริง เรื่องราวของลูกค้าที่มีจริยธรรม และการตรวจสอบความถูกต้องอย่างเป็นรูปธรรม

กลยุทธ์การตลาดอีเมลเพื่อความสำเร็จในไตรมาสที่ 4: สิ่งที่ควรให้ความสำคัญ ทดสอบ และแลกเปลี่ยน

กลยุทธ์การตลาดอีเมลเพื่อความสำเร็จในไตรมาสที่ 4: สิ่งที่ควรให้ความสำคัญ ทดสอบ และแลกเปลี่ยน

สร้างกลยุทธ์อีเมลไตรมาสที่ 4 ที่ชาญฉลาดกว่าเดิม โดยการสร้างสมดุลระหว่างการเข้าถึง ความถี่ ส่วนลด ระบบอัตโนมัติ การส่งอีเมลถึงผู้รับ และการวัดผล เพื่อการเติบโตที่ทำกำไรในช่วงเทศกาลวันหยุด

วิธีสร้างวิดีโอสั้นที่ดึงดูดผู้ชม: กรอบการทำงานเชิงปฏิบัติ

วิธีสร้างวิดีโอสั้นที่ดึงดูดผู้ชม: กรอบการทำงานเชิงปฏิบัติ

เรียนรู้วิธีสร้างวิดีโอสั้นที่ดึงดูดใจผู้ชม โดยการสร้างสมดุลระหว่างจุดดึงดูดความสนใจ รูปแบบ ความน่าเชื่อถือ คำกระตุ้นการตัดสินใจ ความเหมาะสมกับแพลตฟอร์ม และการทดสอบบน TikTok, Reels และ Shorts

The Shift from Influencers to Key Opinion Consumers (KOCs): What Brands Need to Know in 2026

The Shift from Influencers to Key Opinion Consumers (KOCs): What Brands Need to Know in 2026

Why are brands testing KOCs instead of relying only on influencers? Learn what KOCs are, why social commerce favors them, common myths, and how to run a measurable pilot.

SEO สำหรับ TikTok ในปี 2026: วิธีจัดอันดับวิดีโอในผลการค้นหาโดยไม่ต้องยัดเยียดคีย์เวิร์ด

SEO สำหรับ TikTok ในปี 2026: วิธีจัดอันดับวิดีโอในผลการค้นหาโดยไม่ต้องยัดเยียดคีย์เวิร์ด

เรียนรู้ขั้นตอนการทำงาน SEO สำหรับ TikTok ที่ได้ผลจริงในปี 2026: ค้นหาความต้องการค้นหาที่แท้จริง จับคู่เจตนาการค้นหา ปรับแต่งวิดีโอแต่ละรายการ และวัดผลว่าอะไรช่วยเพิ่มการมองเห็น

การเตรียมความพร้อมสำหรับ Black Friday ทางออนไลน์: รายการตรวจสอบความพร้อมของร้านค้าที่ใช้งานได้จริง

การเตรียมความพร้อมสำหรับ Black Friday ทางออนไลน์: รายการตรวจสอบความพร้อมของร้านค้าที่ใช้งานได้จริง

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