カメ飼ってる新米エンジニアの覚書き

とにかくカメがかわいい

ChromeでデバイスにPort fowardingできるの知らなかった

今までローカル上で開発中にモバイル端末で確認したいとき、
browsersync
Browsersync - Time-saving synchronised browser testing
でライブリロード用にローカルサーバ立ててついでにモバイルでも確認するのが快適で良いのですが、

ポートが空いてなくてちょっとめんどくさいとか、ちょろっと確認したいだけだからもっと手軽にやりたい時。

Chromeフォワード(?)してモバイルで確認できるのを初めて知ったのでメモ。

ちなみに知ったのはPWAの記事からでした。

www.webprofessional.jp

f:id:pocchi13:20170507171029p:plain

バイスをusbでつなぎ、

developerツールの
3点のアイコン > More tools > Remote devices
でコンソールを開く。

Port fowarding にチェックを入れて
指定したいポートをaddする。