Livereload: LiveReload — Chrome Web Store

LinkedIn

選擇語言Bahasa Indonesia (Bahasa Indonesia)Bahasa Malaysia (Malay)Čeština (Czech)Dansk (Danish)Deutsch (German)English (English)Español (Spanish)繁體中文 (Chinese (Traditional))Français (French)한국어 (Korean)Italiano (Italian)简体中文 (Chinese (Simplified))Nederlands (Dutch)日本語 (Japanese)Norsk (Norwegian)Polski (Polish)Português (Portuguese)Română (Romanian)Русский (Russian)Svenska (Swedish)Tagalog (Tagalog)ภาษาไทย (Thai)Türkçe (Turkish)العربية (Arabic)

عفواً، لم نتمكن من العثور على الصفحة التي تبحث عنها. برجاء المحاولة مرة أخرى للصفحة السابقة أو الانتقال لـمركز المساعدة للمزيد من المعلومات

الإنتقال لموجزك الرئيسي

Omlouváme se, nemůžeme najít stránku, kterou hledáte. Zkuste se vrátit zpátky na předchozí stránku, nebo se podívejte do našeho Centra nápovědy pro více informací

Přejít do informačního kanálu

Vi kan desværre ikke finde den side, du leder efter.

Gå tilbage til den forrige side, eller besøg Hjælp for at få flere oplysninger Gå til dit feed

Die gewünschte Seite konnte leider nicht gefunden werden. Versuchen Sie, zur vorherigen Seite zurückzukehren, oder besuchen Sie unseren Hilfebereich, um mehr zu erfahren.

Zu Ihrem Feed

Uh oh, we can’t seem to find the page you’re looking for. Try going back to the previous page or see our Help Center for more information

Go to your feed

Vaya, parece que no podemos encontrar la página que buscas. Intenta volver a la página anterior o visita nuestro Centro de ayuda para más información.

Ir a tu feed

Nous ne trouvons pas la page que vous recherchez. Essayez de retourner à la page précédente ou consultez notre assistance clientèle pour plus d’informations

Ouvrez votre fil

Maaf, sepertinya kami tidak dapat menemukan halaman yang Anda cari.

Coba kembali ke halaman sebelumnya atau lihat Pusat Bantuan kami untuk informasi lebih lanjut Buka feed Anda

Non abbiamo trovato la pagina che stai cercando. Prova a tornare alla pagina precedente o visita il nostro Centro assistenza per saperne di più.

Vai al tuo feed

申し訳ありません。お探しのページが見つかりません。前のページに戻るか、ヘルプセンターで詳細をご確認ください

フィードに移動

원하시는 페이지를 찾을 수 없습니다. 이전 페이지로 돌아가거나 고객센터에서 자세히 알아보세요.

홈으로 가기

Harap maaf, kami tidak dapat menemui laman yang ingin anda cari. Cuba kembali ke laman sebelumnya atau lihat Pusat Bantuan kami untuk maklumat lanjut

Pergi ke suapan

De pagina waar u naar op zoek bent, kan niet worden gevonden. Probeer terug te gaan naar de vorige pagina of bezoek het Help Center voor meer informatie

Ga naar uw feed

Vi finner ikke siden du leter etter.

Gå tilbake til forrige side eller besøk vår brukerstøtte for mer informasjon Gå til din feed

Nie możemy znaleźć strony, której szukasz. Spróbuj wrócić do poprzedniej strony lub nasze Centrum pomocy, aby uzyskać więcej informacji

Przejdź do swojego kanału

A página que você está procurando não foi encontrada. Volte para a página anterior ou visite nossa Central de Ajuda para mais informações

Voltar para seu feed

Ne pare rău, nu găsim pagina pe care o căutaţi. Reveniţi la pagina anterioară sau consultaţi Centrul nostru de asistenţă pentru mai multe informaţii

Accesaţi fluxul dvs.

Не удаётся найти искомую вами страницу. Вернитесь на предыдущую страницу или посетите страницу нашего справочного центра для получения дополнительной информации.

Перейти к ленте

Sidan du letar efter hittades inte.

Gå tillbaka till föregående sida eller besök vårt Hjälpcenter för mer information Gå till ditt nyhetsflöde

ขออภัย ดูเหมือนเราไม่พบหน้าที่คุณกำลังมองหาอยู่ ลองกลับไปที่หน้าเพจก่อน หรือดู ศูนย์ความช่วยเหลือ ของเราสำหรับข้อมูลเพิ่มเติม

ไปที่ฟีดของคุณ

Naku, mukhang hindi namin mahanap ang pahina na hinahanap mo. Subukang bumalik sa nakaraang pahina o tingnan ang aming Help Center para sa higit pang impormasyon

Pumunta sa iyong feed

Aradığınız sayfa bulunamadı. Önceki sayfaya geri dönün veya daha fazla bilgi için Yardım Merkezimizi görüntüleyin

Haber akışınıza gidin

抱歉，无法找到页面。试试返回到前一页，或前往帮助中心了解更多信息

前往动态汇总

我們好像找不到該頁面。請回到上一頁或前往說明中心來進一步瞭解

前往首頁動態

Живая перезагрузка | Ionic Documentation

Одним из вариантов, который может повысить производительность при создании приложений Ionic, является Live Reload (или live-reload ). Когда функция Live Reload активна, она перезагружает браузер или веб-представление при обнаружении изменений в приложении. Это особенно полезно для разработки с использованием аппаратных устройств.

Live Reload — это объединенный термин. С ionic serve Live Reload просто означает перезагрузку браузера при внесении изменений. Live Reload также можно использовать с Capacitor и Cordova, чтобы обеспечить одинаковый опыт работы на виртуальных и аппаратных устройствах, что устраняет необходимость повторного развертывания собственного двоичного файла.

Поскольку для динамической перезагрузки требуется, чтобы веб-представление загружало ваше приложение с URL-адреса, размещенного на вашем компьютере, а не просто для чтения файлов на устройстве, настройка динамической перезагрузки для аппаратных устройств может быть сложной.

Как и при обычном развертывании устройства, вам потребуется кабель для подключения устройства к компьютеру. Разница в том, что Ionic CLI настраивает веб-представление для загрузки вашего приложения с сервера разработки на вашем компьютере.

Capacitor

Capacitor еще не имеет программной сборки для разработки (отслеживайте ход выполнения этой проблемы), поэтому Ionic CLI делает , а не автоматически перенаправляет порты для iOS и Android.

Чтобы использовать Live Reload с конденсатором, убедитесь, что вы используете виртуальное устройство или аппаратное устройство, подключенное к той же сети Wi-Fi, что и ваш компьютер. Затем вам нужно указать, что вы хотите использовать внешний адрес для сервера разработки, используя флаг --external .

 $ ионный конденсатор запустить ios -l --external 
 $ ионный конденсатор запустить android -l --external 
 

Помните, с --внешний вариант , другие пользователи вашей сети Wi-Fi смогут получить доступ к вашему приложению.

Cordova

Android

Для устройств Android Ionic CLI автоматически переадресует порт сервера разработки. Это означает, что вы можете использовать адрес localhost , и он будет относиться к вашему компьютеру при загрузке в веб-представлении, а не к устройству.

Следующая универсальная команда запустит сервер live-reload на localhost и развернет приложение на устройстве Android с помощью Cordova:

 ionic cordova run android -l 
 

iOS​

Для устройств iOS переадресация портов пока недоступна. Это означает, что вам нужно будет подключить свое устройство к той же сети Wi-Fi, что и ваш компьютер, и использовать внешний адрес для сервера разработки.

Вы можете отслеживать ход выполнения этой проблемы по переадресации портов iOS с помощью Ionic.

В некоторых случаях интерфейс командной строки Ionic не знает адрес для настройки веб-представления, поэтому вам может быть предложено выбрать его. Обязательно выберите адрес вашего компьютера в сети Wi-Fi.

Следующая универсальная команда запустит сервер live-reload на всех адресах и развернет приложение на устройстве iOS с помощью Cordova:

 ionic cordova run ios -l --external 
 

Помните, с вариант --external , другие пользователи вашей сети Wi-Fi смогут получить доступ к вашему приложению.

• В Cordova используйте параметры --device , --emulator и --target , чтобы сузить список целевых устройств. Используйте --list опция для отображения всех целей. См. использование в документации команды.
• Вы можете разделить процесс сервера разработки и процесс развертывания, используя ionic serve и параметр --livereload-url для ionic cordova run или ionic конденсатора run .
• Для Android можно настроить adb для постоянной переадресации портов во время работы сервера adb (см. adb reverse ). После настройки переадресации портов внешний адрес больше не потребуется. Вы также можете настроить мост adb через TCP, чтобы для последующих развертываний больше не требовался USB-кабель.

livereload · PyPI

Это совершенно новый LiveReload версии 2.0.0.

Скачать на PyPi

Установка

Python LiveReload предназначен для веб-разработчиков, знающих Python.

Установите Python LiveReload с помощью pip:

 $ pip установить livereload 

Если у вас не установлен pip, попробуйте easy_install:

 $ easy_install livereload 

Интерфейс командной строки

Python LiveReload предоставляет утилиту командной строки livereload для запуска сервера в каталоге.

По умолчанию он будет прослушивать порт 35729, общий порт для расширений браузера LiveReload.

 $ livereload --help
использование: livereload [-h] [-p ПОРТ] [-w WAIT] [каталог]
Запустите сервер `livereload`
позиционные аргументы:
  каталог Каталог для отслеживания изменений
необязательные аргументы:
  -h, --help показать это справочное сообщение и выйти
  -p ПОРТ, --port ПОРТ Порт для запуска сервера `livereload`
  -w WAIT, --wait WAIT Задержка перед перезагрузкой 

Старые версии Python LiveReload использовали Guardfile для описания необязательных дополнительных правил для файлов, которые нужно отслеживать, и создавать команды для запуска при изменениях. Это противоречило другим инструментам, которые использовали тот же файл для своей конфигурации, и больше не поддерживается, начиная с Python LiveReload версии 2.0.0. Вместо Guardfile теперь вы можете написать сценарий Python, используя очень похожий синтаксис, и запустить его вместо приложения командной строки.

Пример скрипта: Сфинкс

Вот простой пример скрипта, который перестраивает документацию Sphinx:

 #!/usr/bin/env Python
с сервера импорта livereload, оболочки
сервер = сервер()
server.watch('docs/*.rst', shell('сделать html', cwd='docs'))
server.serve(root='docs/_build/html') 

Запустите его, затем откройте http://localhost:5500/, и вы сможете увидеть изменения в документации в режиме реального времени.

Руководство разработчика

Новый сервер livereload предназначен для разработчиков. Он может питать приложение wsgi сейчас:

 с сервера импорта livereload, оболочка
сервер = сервер (wsgi_app)
# запустить команду оболочки
server. watch('static/*.stylus', 'сделать статическим')
# запустить функцию
Оповещение о защите():
    распечатать('фу')
server.watch('foo.txt', предупреждение)
# вывод stdout в файл
server.watch('style.less', оболочка('lessc style.less', output='style.css'))
сервер.serve() 

Класс сервера принимает параметры:

сервер.часы

server.watch может отслеживать путь к файлу, каталог и шаблон глобуса:

 server.watch('путь/к/файлу.txt')
server.watch('каталог/путь/')
server.watch('glob/*.pattern') 

Вы также можете использовать другую библиотеку (например, formic) для более мощного добавление файла:

 для пути к файлу в formic.FileSet(include="**.css"):
    server.watch (путь к файлу, «сделать css») 

Вы можете отложить отправку сигнала перезагрузки на несколько секунд:

 # задержка 2 секунды на перезагрузку
server.watch('путь/к/файлу', задержка=2) 

сервер.serve

Настройте сервер с помощью метода server. serve. Он может создать статический сервер и сервер livereload:

 # использовать настройки по умолчанию
сервер.serve()
# livereload на другом порту
server.serve(liveport=35729)
# использовать пользовательский хост и порт
server.serve(порт=8080, хост='localhost')
# открыть веб-браузер при запуске на основе переменной окружения $BROWSER
server.serve(open_url_delay=5, отладка=ложь)
# установить пользовательский файл по умолчанию для открытия
server.serve(default_filename='example.html') 

корпус

Мощная функция оболочки поможет вам выполнять команды оболочки. Ты можно использовать с server.watch:

 # вы можете перенаправить вывод команды в файл
server.watch('style.less', оболочка('lessc style.less', output='style.css'))
# команды могут быть списком
server.watch('style.less', shell(['lessc', 'style.less'], output='style.css'))
# работа с Makefile
server.watch('assets/*.styl', shell('создать активы', cwd='assets')) 

Интеграция фреймворков

Livereload может без проблем работать с вашим любимым фреймворком.