2016-07-18 3 views
0

ファイルが編集されています。ファイルが保存されます。 Bashスクリプトは保存時に実行されます。ブラウザが自動的に更新され、変更内容が表示されます。ファイルを監視し、スクリプトを実行し、ブラウザを更新する簡単な方法を探してください。

Windows、OS X、Linux

お勧めはありますか?これは常に見過ごされているような重要な問題のように思えます。私は、すべての主要なOSの間でこれを達成する方法を学ぶことを大変うれしく思っています。

ありがとうございます。

+0

をまあ、それはそう、あなたのクライアントプルの変化を持っている必要があり、またはサーバーとのWebSocket通信を持っていると思いますかなり簡単ですサーバーはファイルが変更されたときに通知してくれます。とにかくスクリプトが含まれています –

+0

これはクライアントではなく私のためのものです。私はPreprosとCodekitをしばしば使用しますが、実際にプレーンなHTMLとCSSがカスタムフレームワークを通してページにコードを追加することなく処理することを可能にするbashスクリプトを書いています。 Atomは他の一般的なエディタと一緒に、ファイルを保存した後に自動的にスクリプトを実行することができます。今では私が探しているのは、ファイルを見てブラウザをリフレッシュする方法です。クロスコンパチブルでバニラなので、自分で書くことができます。 –

答えて

1

いくつかのオプションがあります。 1つはentrをLinuxとOSXで使用することです - ウェブサイトはhereです。次に、あなたのコマンドは次のとおりです。

ls -d * | entr sh -c 'script.bash && reloadbrowser.bash' 

entrに代わるものではfswatchまたはinotifywaitを使用することです - 構文はかなり似ています。 Windowsではfswatchも使えると思います。

次に、ブラウザの更新に関する質問が表示されます。それはブラウザとOSに依存することになるでしょう。

#!/usr/bin/osascript 
tell application "Safari" 
    set currentURL to URL of current tab of front window 
    set URL of current tab of front window to currentURL 
end tell 

をとOSXでGoogle Chromeで、あなたが使用できます:OSX上では、サファリのために、このようにAppleScriptを使用することができます

#!/usr/bin/osascript 
tell application "Google Chrome" to reload active tab of window 1 

Linuxでは、あなたは説明hereようxdotoolを使用することができます。

ところで、OSX上で、私が使用してhomebrewentrfswatchをインストールします:

brew install fswatch 
brew install entr 
+0

も参照してくださいhttp://stackoverflow.com/a/15553219/2836621 –

+0

パッケージマネージャーは私をキャンディーストアの子供のように感じさせます。笑20年以上にわたり、HTML/CSS/JSで自分のスキルを微調整しているので、BBSのシーンから初めて「フードの下を見ている」ことに夢中になりました。あなたの援助は非常に高く評価されます。 ;) –

関連する問題