携帯端末のデバッグページを実現

759 ワード

方法1:vscode携帯電話側ページのデバッグ
1、vscodeにLive Serverプラグインをインストールする(インストールに成功した後、vscodeの右下にGo Live IDがある);
2、vscodeサーバーのポート番号を設定する.
2.1:cmd>>ipconfigは自分のパソコンのipアドレスを検索します;
2.2:vscodeで【ファイル】=【プリファレンス】=【設定】をクリックし、キーワード【liveserver】を検索し、
liveServerを見つけます.settings.portはポートの設定です
{
    "editor.suggest.filterGraceful": false,
    "liveServer.settings.host": "xx.x.xx.xxx",       //     , ip
    "liveServer.settings.port": "6600",              //    
    "liveServer.settings.proxy": "xxxx"              //   
}

4、vscodeでデバッグする項目を開き、ツール右下のGo Liveをクリックすると、自動的に項目が開きます.
5、パソコンと携帯電話が同じwifiに接続することを保証し、ブラウザが開いたプロジェクトの住所をコピーし、携帯電話の端に送信し、クリックすればプレビューできる.
方式二:..