Nodeサーバを起動して、ローカル静的ファイルコードをデバッグします.

1017 ワード

どうやってモバイルデバイスで静的ファイルをテストしますか?
現在、モバイル端末が優先されている場合、フロントエンドエンジニアが静止画ページを作成した後、通常は異なる設備上の効果をテストする必要があります.互換性があるかどうかを確認してください.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内にあります.
この記事は私の個人ブログから始まりました.