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