Nodeサーバを起動して、ローカル静的ファイルコードをデバッグします.
1017 ワード
どうやってモバイルデバイスで静的ファイルをテストしますか?
現在、モバイル端末が優先されている場合、フロントエンドエンジニアが静止画ページを作成した後、通常は異なる設備上の効果をテストする必要があります.互換性があるかどうかを確認してください.Googleのブラウザーは携帯電話のデバッグ機能を模擬しています.普通はGoogleでデバッグします.でもやはり模擬です.念のために、本物の機械でテストします.
しかし静的なhtmlファイルはどうやって携帯に入れてデバッグしますか?書類を一つ拷問して、違う携帯に置いてもいいですか?明らかに違います
NodeJSの
まず、Nodeをインストールします.具体的な操作はNodeの公式サイトをご覧ください.バガ的に取り付けます.
次に、
起動サービス:
コマンドラインで項目のルートディレクトリに切り替えて
この時、携帯電話でindex.htmlページをテストしたいなら、携帯電話で
もちろん、ここで一つの前提があります.携帯とパソコンは同じLAN内にあります.
この記事は私の個人ブログから始まりました.
現在、モバイル端末が優先されている場合、フロントエンドエンジニアが静止画ページを作成した後、通常は異なる設備上の効果をテストする必要があります.互換性があるかどうかを確認してください.Googleのブラウザーは携帯電話のデバッグ機能を模擬しています.普通はGoogleでデバッグします.でもやはり模擬です.念のために、本物の機械でテストします.
しかし静的なhtmlファイルはどうやって携帯に入れてデバッグしますか?書類を一つ拷問して、違う携帯に置いてもいいですか?明らかに違います
NodeJSの
npm
モジュールanywhere
は、現在のディレクトリを静的ファイルサーバのルートディレクトリに迅速に変更することができます.anywhere
の取り付けと使用まず、Nodeをインストールします.具体的な操作はNodeの公式サイトをご覧ください.バガ的に取り付けます.
次に、
anywhere
を取り付けます.コマンドラインに入力npm install anywhere -g
npm install +
他の人が作成した第三者パッケージの固定書き方をNPMサーバからダウンロードします.-g
はグローバルインストールを表しています.コンピュータのどの部門でもanywhereモジュールが使えます.起動サービス:
コマンドラインで項目のルートディレクトリに切り替えて
anywhere
を入力すればいいです.サービスが起動したら、自動的にデフォルトのブラウザを開きます.http://192.168.31.192:8000/. この時、携帯電話でindex.htmlページをテストしたいなら、携帯電話で
http://192.168.31.192:8000/index.html
にアクセスするだけで効果が見られます.もちろん、ここで一つの前提があります.携帯とパソコンは同じLAN内にあります.
この記事は私の個人ブログから始まりました.