Gulp Browser-Syncで、iPhone、Andoroid、Mac、Windowsでのテスト効率化
先日、Web Starer Kitを紹介したときに、$ Gulp Serve を使い、localhostサーバーを立てました。その環境下でクロスブラウザなどの動作検証を行うときに便利なBrowser-Syncをご紹介します。
まずは動画をご覧ください
使い方
今回はweb starter kit環境下でsyncを行いますので、環境が整っていない方は、前回の「Google：マルチプラットフォームテンプレのWeb Starter Kitを触ってみた」をお読みください。
- browser-syncをインストール
コマンドラインより、brower-syncをインストールします。
$ sudo npm install -g browser-sync
- web-starter-kit階層に入り、gulpのlocal serverを起動します。
$ cd ~/webstarter-kit/ $ gulp serve
Externalに表示された、アドレスにブラウザよりアクセスしてください。
- ブラウザが同期されました。
ブラウザが同期された後は、ブラザウの動作確認が一回の操作で確認することができるので、工数が削減できそうです。
動画内で、iPhoneに付いているケースですが、OneMeサイトで販売しております。