Testing your pages with Edge Inspec

Testing your pages with Edge Inspect is even easier than the setup. Simply browse using your Chrome browser, and all devices that have been connected will follow along. This enables you to test the appearance and behavior of any page on a variety of devices at the same time. Plus, Edge Inspect will keep your device from going to sleep, so you no longer need to unlock the device when you want to test the page. You aren't limited to just browsing within a single tab; Edge Inspect will display the content within the current tab as you switch across tabs.

Edge Inspect also lets you view pages in full screen mode, removing the default Edge Inspect application chrome. To activate this feature, within the Chrome extension, click the icon for "show full screen on devices." You should see the top bar disappear on all devices browsing via Edge Inspect, and clicking the icon again within the extension will make it reappear.

Of course, browsing live web pages is useful, but most of the time you will be developing locally. (For more details on how to use Edge Inspect with virtual hosts, the Edge Inspect Team Blog has a number of posts on virtual hosts.) Thankfully, Edge Inspect fully supports browsing on your localhost, letting you test applications as you develop them.

Not surprisingly, Edge Inspect cannot load files browsed via file:/// as the file doesn't exist on your devices. As you might expect, if you are browsing password-protected pages, you will need to authenticate on each device. If you want to refresh the page or open the page within the browser on the device, simply click the icon in the upper right hand corner of the Edge Inspect window on the device. As a tip, however, if your site uses HTTP Basic Authentication you can browse your URL using the format http://login:[e-mail]/ to avoid re-authenticating on each device.

If you want to refresh the page or open the page within the browser on the device, simply click the icon in the upper right corner of the Edge Inspect window on the device. Alternatively, you can also click the refresh icon on the Chrome extension to refresh all connected devices simultaneously. Refresh will clear the cache on the device and request the freshest new assets from the server.

ผลลัพธ์ (ไทย) 1:

ทดสอบหน้าของคุณ มีขอบการตรวจสอบจะได้ง่ายขึ้นกว่าการตั้งค่า เพียงเรียกดูโดยใช้เบราว์เซอร์ Chrome และอุปกรณ์ทั้งหมดที่เชื่อมโยงจะทำตามตลอด นี้ช่วยให้คุณสามารถทดสอบลักษณะปรากฏและลักษณะการทำงานของหน้าใด ๆ ในอุปกรณ์ต่าง ๆ ในเวลาเดียวกัน บวก การตรวจสอบขอบจะป้องกันอุปกรณ์ของคุณจะไปนอน ดังนั้นคุณไม่จำเป็นต้องปลดล็อกอุปกรณ์เมื่อคุณต้องการทดสอบหน้า ไม่ได้จำกัดเพียงเรียกดูในแท็บเดียว ตรวจขอบจะแสดงเนื้อหาภายในแท็บปัจจุบัน ตามที่คุณเปลี่ยนในแท็บตรวจขอบยังช่วยให้คุณดูหน้าในโหมดเต็มหน้าจอ เอาเริ่มต้นตรวจสอบขอบใช้โครม การเปิดใช้งานคุณลักษณะนี้ ภายในนามสกุลโครเมี่ยม คลิกไอคอนสำหรับ "แสดงเต็มหน้าจอบนอุปกรณ์" คุณจะเห็นแถบด้านบนที่ปรากฏบนอุปกรณ์ทั้งหมดที่เรียกดูผ่านการตรวจสอบขอบ และคลิกไอคอนอีกครั้งภายในส่วนขยายจะทำให้มันปรากฏขึ้นอีกแน่นอน เรียกดูหน้าเว็บสดมีประโยชน์ แต่ส่วนใหญ่แล้วคุณจะสามารถพัฒนาในท้องถิ่น (หากต้องการรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการใช้การตรวจสอบขอบกับโฮสต์เสมือน ขอบตรวจสอบทีมบล็อกมีจำนวนโพสต์บนโฮสต์เสมือน) ขอบคุณ ตรวจสอบขอบเต็มสนับสนุนการเรียกดูบน localhost ของคุณ ให้คุณทดสอบโปรแกรมประยุกต์คุณพัฒนาไม่น่าแปลกใจ การตรวจสอบขอบไม่สามารถโหลดแฟ้มที่เรียกดูผ่าน file:/// เป็นแฟ้มไม่มีอยู่บนอุปกรณ์ของคุณ คุณอาจคาดหวัง ถ้าคุณกำลังเรียกดูเพจที่มีการป้องกันด้วยรหัสผ่าน คุณจะต้องรับรองความถูกต้องบนแต่ละอุปกรณ์ ถ้าคุณต้องการรีเฟรชหน้า หรือเปิดหน้าในเบราว์เซอร์บนอุปกรณ์ เพียงคลิกไอคอนที่มุมบนขวามือของหน้าต่างการตรวจสอบขอบบนอุปกรณ์ ตาม อย่างไรก็ตามถ้าไซต์ของคุณใช้การรับรองความถูกต้องของ HTTP Basic คุณสามารถเรียกดู URL ของคุณใช้ http://login:[e-mail]/ รูปเพื่อหลีกเลี่ยงการรับรองความถูกต้องบนแต่ละอุปกรณ์ใหม่ถ้าคุณต้องการรีเฟรชหน้า หรือเปิดหน้าในเบราว์เซอร์บนอุปกรณ์ เพียงแค่คลิกที่ไอคอนมุมบนขวาของหน้าต่างการตรวจสอบขอบบนอุปกรณ์ หรือ ยังแล้วคอนฟื้นฟูบนนามสกุลโครเมี่ยมเพื่อรีเฟรชอุปกรณ์ทั้งหมดเชื่อมต่อกัน การฟื้นฟูจะล้างแคชบนอุปกรณ์ และขอสินทรัพย์ใหม่สดจากเซิร์ฟเวอร์

ผลลัพธ์ (ไทย) 2:

การทดสอบหน้าเว็บของคุณกับขอบตรวจสอบง่ายยิ่งขึ้นกว่าการติดตั้ง เพียงแค่เรียกดูโดยใช้เบราว์เซอร์ Chrome ของคุณและอุปกรณ์ทั้งหมดที่ได้รับการเชื่อมต่อจะทำตาม ซึ่งจะช่วยให้คุณสามารถทดสอบลักษณะและการทำงานของหน้าใด ๆ เกี่ยวกับความหลากหลายของอุปกรณ์ในเวลาเดียวกัน พลัสขอบตรวจสอบจะช่วยให้อุปกรณ์ของคุณจากไปนอนเพื่อให้คุณไม่จำเป็นต้องปลดล็อคอุปกรณ์เมื่อคุณต้องการที่จะทดสอบหน้า คุณยังไม่ได้ จำกัด เพียงแค่การเรียกดูที่อยู่ในแท็บเดียว; ขอบตรวจสอบจะแสดงเนื้อหาในแท็บปัจจุบันในขณะที่คุณสลับข้ามแท็บ. ขอบตรวจสอบนอกจากนี้ยังช่วยให้คุณดูหน้าเว็บในโหมดเต็มหน้าจอการลบขอบเริ่มต้นตรวจสอบการประยุกต์ใช้โครเมี่ยม เพื่อเปิดใช้งานคุณลักษณะนี้ในส่วนขยายของ Chrome ให้คลิกที่ไอคอนสำหรับ "แสดงแบบเต็มหน้าจอบนอุปกรณ์." คุณจะเห็นแถบด้านบนหายไปในทุกการเรียกดูผ่านขอบอุปกรณ์ตรวจสอบและคลิกที่ไอคอนอีกครั้งภายในส่วนขยายจะทำให้มันเกิดขึ้นอีกครั้ง. แน่นอนโดยการเรียกดูหน้าเว็บที่มีชีวิตอยู่จะเป็นประโยชน์ แต่ส่วนมากของเวลาที่คุณจะได้รับการพัฒนาในประเทศ (สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการใช้ขอบตรวจสอบกับครอบครัวเสมือนขอบตรวจสอบบล็อกของทีมมีจำนวนโพสต์บนโฮสต์เสมือน.) โชคดีที่ขอบตรวจสอบอย่างเต็มที่สนับสนุนการเรียกดูบน localhost ของคุณให้คุณทดสอบการใช้งานในขณะที่คุณพัฒนาพวกเขา. ไม่ได้ น่าแปลกใจที่ขอบตรวจสอบไม่สามารถโหลดไฟล์เรียกดูผ่านทาง file: /// เป็นไฟล์ไม่มีอยู่บนอุปกรณ์ของคุณ ในขณะที่คุณอาจคาดหวังถ้าคุณกำลังเรียกดูหน้าป้องกันด้วยรหัสผ่านที่คุณจะต้องตรวจสอบในแต่ละอุปกรณ์ หากคุณต้องการที่จะรีเฟรชหน้าเว็บหรือเปิดหน้าภายในเบราว์เซอร์บนอุปกรณ์เพียงคลิกที่ไอคอนที่มุมขวาบนของขอบหน้าต่างตรวจสอบบนอุปกรณ์ ในฐานะที่เป็นเคล็ดลับ แต่ถ้าเว็บไซต์ของคุณใช้ HTTP การตรวจสอบขั้นพื้นฐานที่คุณสามารถเรียกดู URL ของคุณโดยใช้รูปแบบที่ http: // เข้าสู่ระบบ:. [e-mail]/ เพื่อหลีกเลี่ยงการที่ถูกตรวจสอบอีกครั้งบนอุปกรณ์แต่ละถ้าคุณต้องการที่จะฟื้นฟู หน้าหรือเปิดหน้าภายในเบราว์เซอร์บนอุปกรณ์เพียงแค่คลิกที่ไอคอนในมุมขวาบนของขอบหน้าต่างตรวจสอบบนอุปกรณ์ หรือคุณยังสามารถคลิกที่ไอคอนการฟื้นฟูในส่วนขยายของ Chrome เพื่อฟื้นฟูอุปกรณ์เชื่อมต่อทั้งหมดพร้อมกัน รีเฟรชจะล้างแคชบนอุปกรณ์และขอสินทรัพย์ใหม่ที่สดใหม่จากเซิร์ฟเวอร์

ผลลัพธ์ (ไทย) 3:

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

ขอบตรวจสอบ นอกจากนี้ยังช่วยให้คุณดูเพจในโหมดเต็มหน้าจอ , ลบเริ่มต้นตรวจสอบการขอบโครเมี่ยม เพื่อเปิดใช้งานคุณลักษณะนี้ภายใน Chrome ส่วนขยายคลิกที่ไอคอนเพื่อ " แสดงเต็มหน้าจอบนอุปกรณ์ . " คุณจะเห็นแถบด้านบนหายไปบนทุกอุปกรณ์ที่เรียกดูผ่านทางขอบตรวจสอบและคลิกที่ไอคอนอีกครั้งภายในขยายจะทำให้มันเกิดขึ้นอีกครั้ง

แน่นอน ท่องอยู่หน้าเว็บจะมีประโยชน์ แต่ส่วนใหญ่ของเวลาที่คุณจะสามารถพัฒนาท้องถิ่น ( สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการใช้ขอบตรวจสอบกับโฮสต์เสมือนขอบตรวจสอบบล็อกของทีมมีหมายเลขของบทความในโฮสต์เสมือน ) ที่สนับสนุนอย่างเต็มที่ขอบตรวจสอบการเรียกดูบนเครื่องของคุณเอง ให้คุณทดสอบโปรแกรมที่คุณพัฒนา .

ไม่น่าแปลกใจ , ขอบตรวจสอบไม่สามารถโหลดไฟล์เรียกดูผ่าน file : / / / เป็นไฟล์ไม่มีอยู่จริงบนอุปกรณ์ของคุณ ในขณะที่คุณอาจคาดหวัง , ถ้าคุณมีการเรียกดูรหัสผ่านป้องกันหน้าคุณจะต้องตรวจสอบในแต่ละอุปกรณ์ ถ้าคุณต้องการที่จะรีเฟรชหน้าเว็บ หรือเปิดหน้าเว็บในเบราว์เซอร์บนอุปกรณ์ เพียงคลิกที่ไอคอนในมุมขวาบนของขอบตรวจสอบหน้าต่างบนเครื่อง เป็นทิป แต่ถ้าเว็บไซต์ของคุณใช้ HTTP รับรองความถูกต้องพื้นฐานที่คุณสามารถเรียกดู URL ของคุณโดยใช้รูปแบบ http : / / เข้าสู่ระบบ : [e-mail] .ดอทคอม / หลีกเลี่ยง Re ตรวจสอบในแต่ละอุปกรณ์

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