（一）場景描述

前幾天在幫朋友寫一個表白網頁的時候，詳情見我部落格（博文直達連結），他希望在手機上能完全适配，而我隻能在電腦上寫代碼，無法做到在移動端切換自如（Hbuilder雖然可以，但是我沒下載下傳），本文就是介紹用微軟下的edge浏覽器測試移動端與pc端的網頁适配。

（二）使用方法

首先打開edge浏覽器，點選右上角的三個黑點

Microsoft Edge開發人員工具——測試移動端與pc端的網頁适配（一）場景描述（二）使用方法（三）寫在最後

接着選擇更多工具，子菜單選擇開發人員工具

Microsoft Edge開發人員工具——測試移動端與pc端的網頁适配（一）場景描述（二）使用方法（三）寫在最後

點開後看右上角如圖

Microsoft Edge開發人員工具——測試移動端與pc端的網頁适配（一）場景描述（二）使用方法（三）寫在最後

點選黑色箭頭所指的區域，就可以更換pc端或者是移動端來測試網頁是否都适配啦~

Microsoft Edge開發人員工具——測試移動端與pc端的網頁适配（一）場景描述（二）使用方法（三）寫在最後

ps：edge的移動端的機型有限，可以自動調節分辨率和網頁縮放程度，如下：

Microsoft Edge開發人員工具——測試移動端與pc端的網頁适配（一）場景描述（二）使用方法（三）寫在最後

如果覺得有用，記得三連哦~

Microsoft Edge開發人員工具——測試移動端與pc端的網頁适配（一）場景描述（二）使用方法（三）寫在最後