ब्राउज़र-समन्वयन
अद्भुत ब्राउज़र-सिंक का उपयोग करना
- स्रोत कोड बदलने पर ब्राउज़र (कोई भी) अपडेट करें (HTML, CSS, चित्र आदि)
- समर्थन विंडोज, मैकओएस और लिनक्स
- आप अपने मोबाइल उपकरणों का उपयोग करके अपने कोड अपडेट (लाइव) भी देख सकते हैं
MacOS पर इंस्टालेशन (अन्य ओएस पर स्थापित करने के लिए उनकी मदद देखें)
NVM स्थापित करें, ताकि आप किसी भी नोड संस्करण की कोशिश कर सकें
brew install nvm # install a Node version manager
nvm ls-remote # list available Node versions
nvm install v10.13.0 # install one of them
npm install -g browser-sync # install Browser-Sync
स्थैतिक साइटों के लिए ब्राउज़र-सिंक का उपयोग कैसे करें
आइए दो उदाहरण देखें:
browser-sync start --server --files . --host YOUR_IP_HERE --port 9000
browser-sync start --server --files $(ack --type-add=web:ext:htm,html,xhtml,js,css --web -f | tr \\n \ ) --host $(ipconfig getifaddr en0) --port 9000
--server
विकल्प आपको एक स्थानीय सर्वर कहीं भी आप अपने टर्मिनल में हैं चलाने के लिए और करने की अनुमति --files
आपके द्वारा निर्दिष्ट जो फ़ाइलों में परिवर्तन के लिए नज़र रखी जाएगी करते हैं। मैं ट्रैक की गई फ़ाइलों के लिए अधिक विशिष्ट होना पसंद करता हूं, इसलिए दूसरे उदाहरण में मैं ack
विशिष्ट फ़ाइल एक्सटेंशनों को सूचीबद्ध करने के लिए उपयोग करता हूं (यह महत्वपूर्ण है कि उन फ़ाइलों में रिक्त स्थान के साथ फ़ाइल नाम नहीं है) और ipconfig
मैकओएस पर मेरे वर्तमान आईपी को खोजने के लिए भी उपयोग करें।
गतिशील साइटों के लिए ब्राउज़र-सिंक का उपयोग कैसे करें
यदि आप PHP, रेल्स आदि का उपयोग कर रहे हैं, तो आपके पास पहले से ही एक सर्वर चल रहा है, लेकिन जब आप अपने कोड में बदलाव करते हैं तो यह स्वचालित रूप से ताज़ा नहीं होता है। तो आपको --proxy
ब्राउज़र-सिंक को पता करने के लिए स्विच का उपयोग करने की आवश्यकता है कि उस सर्वर के लिए होस्ट कहां है।
browser-sync start --files $(ack --type-add=rails:ext:rb,erb,js,css,sass,scss,coffee --rails -f | tr \\n \ ) --proxy 192.168.33.12:3000 --host $(ipconfig getifaddr en0) --port 9000 --no-notify --no-open
उपरोक्त उदाहरण में, मेरे पास पहले से ही अपने ब्राउज़र पर एक रेल एप्लिकेशन चल रहा है 192.168.33.12:3000
। यह वास्तव में एक Vagrant बॉक्स का उपयोग करके VM पर चलता है, लेकिन मैं उस होस्ट पर पोर्ट 3000 का उपयोग करके वर्चुअल मशीन तक पहुंच सकता हूं। मुझे --no-notify
हर बार जब मैं अपना कोड बदलता हूं और हर बार --no-open
सर्वर शुरू होने पर ब्राउज़र टैब को लोड करने वाले ब्राउज़र-सिंक व्यवहार को रोकने के लिए ब्राउज़र पर मुझे एक अलर्ट अलर्ट भेजना पसंद करता हूं ।
महत्वपूर्ण: यदि आप रेल का उपयोग कर रहे हैं, तो केवल विकास पर टर्बोलिंक्स का उपयोग करने से बचें, अन्यथा आप --proxy
विकल्प का उपयोग करते समय अपने लिंक पर क्लिक नहीं कर पाएंगे ।
आशा है कि यह किसी के लिए उपयोगी होगा। मैंने ब्राउज़र को रीफ़्रेश करने के लिए कई तरकीबें आज़माई हैं (यहां तक कि एक पुराना पोस्ट जो मैंने इस StackOverflow सवाल पर अल्फ्रेडएप का उपयोग करके पहले किया था), लेकिन यह वास्तव में जाने का तरीका है; कोई और अधिक हैक, यह सिर्फ बहती है।
क्रेडिट: एक कमांड के साथ एक स्थानीय लाइव रीलोड वेब सर्वर शुरू करें