Меняйте код html файлов, js и css скриптов без перезагрузки страницы. Для разработчиков сайтов.
УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ Extension
Обычная процедура создания кода для ВЕБ-МАСТЕРА выглядит так:
1. Вы пишете код в программе-редакторе (меняете html, css, js и т.д.).
2. Чтобы увидеть результат, Вы открываете браузер с редактируемой страничкой.
3. Нажимаете F5 или значок перезагрузки, чтобы страничка обновилась, и Вы увидели результат.
4. Снова возвращаетесь в редактор, для дальнейшего написания кода.
Обычно этот процесс происходит множество раз, это очень утомительно и расходует много сил и времени.
Теперь это в прошлом! Никаких обновлений страниц! Расширение анализирует разрабатываемую Вами страничку, сверяя файлы в нем. Как только оно обнаруживает, что один из файлов (css, js, html) обновился, происходит автоматическое обновление страницы до ее актуальной версии. Это очень удобно! Вы не отвлекаетесь на перезагрузки вручную.
Это особенно удобно, когда Вы разрабатываете код на 2х мониторах, можно писать код на одном экране, и сразу же видеть результат на другом экране.
Аналогов этому расширению нет. Есть расширения грубо обновляющие страницу по таймеру, но это просто ужасный и грубый подход, не решающий задачу по-настоящему. В этом расширении применен более тонкий и разумный подход.
Буду рад отзывам и идеям. Надеюсь Вы получите пользу и сэкономите силы и время благодаря этому решению!
Михаил Исаев
The idea behind the extension is to save you from having to refresh or reload the page while writing the code.
The usual procedure for creating code for the WEBMASTER looks like this:
1. You write code in an editor program (change html, css, js, etc.).
2. To see the result, you open a browser with an editable page.
3. Press F5 or the reload icon to refresh the page and see the result.
4. Return to the editor again for further code writing.
Usually this process occurs many times, it is very tedious and consumes a lot of effort and time.
Now it's in the past! No page updates! The extension analyzes the page you are developing, checking the files in it. As soon as it detects that one of the files (css, js, html) has been updated, the page is automatically updated to its current version. It is very comfortable! You are not distracted by manual reboots.
This is especially handy when you are developing code on 2 monitors, you can write code on one screen, and immediately see the result on the other screen.
There are no analogues to this extension. There are extensions that crudely refresh the page on a timer, but this is just a terrible and crude approach that does not really solve the problem. This extension takes a more subtle and sensible approach.
I would appreciate feedback and ideas. I hope you will benefit and save time and effort thanks to this solution!
Mikhail Isaev
Source Manifest.json
How to download and manually install УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension for Chrome
Looking for a way to install УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.
However, you may need to install УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extensions manually, this article outlines two simple methods to effortlessly install УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.
Method 1: Download УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension and manually install through Drag &Drop
If you ever need to manually install a УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.
Step 1: Download the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ Extension by clicking the "Download CRX" button on the website.
Look for the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension you wish to install. Go to the website and download the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension that contains all the data.
Step 2: Extract &Arrange Files
Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.
Step 3: Go to the Chrome Extensions Page
Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.
Step 4: Drag and Drop the Extension
Now, go to the folder where you extracted the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.
Step 5: Complete the Installation
Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.
Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.
Method 2: Download УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension for Chrome and install in Developer Mode
This is another method to install УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.
Step 1: Download the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension file
Select and download the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension by clicking the 'Download CRX' button on the website.
Step 2: Extract the downloaded contents
Convert the file to a ZIP file if it is in CRX format then extract the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension running.
Step 3: Open Chrome Extension Setting Page
In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.
Step 4: Enable Developer Mode
After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.
Step 5: Load the Unpacked Extension
Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."
Step 6: Select the Extension Folder
Once the pop-up opens upon clicking Load unpacked, select the УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension directory and click on the "Select Folder "button.
Step 7: Confirm and Install
After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.
Conclusion
Here we've made a step-by-step guide on How to manually install УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ extension in 2 ways. We hope this guide proves helpful.
Similar Extensions
Web Code Injector 46 5 ★ 2.36MiB
Lavaca Developer Tools 46 0 ★ 10.42MiB
Auto Refresh Page - Reload Pages Automatically & Page Monitor Easily 46 172 ★ 9.17MiB
Page Auto Refresh 46 62 ★ 500KiB
Troywell - ad blocker 46 6 ★ 2.72MiB
Page Reload 46 0 ★ 140KiB
Tab Auto Refresh 46 967 ★ 101KiB
Sites custom codes - inject CSS and JS 46 3 ★ 403KiB
Advanced Extension Reloader 46 5 ★ 1012KiB
Front End Tips Tab 46 2 ★ 8.89KiB
Auto Refresh for Chrome™ 46 0 ★ 42.38KiB
Auto Refresh 46 41 ★ 583KiB
Live Reload Browser Page 46 1 ★ 3.83MiB
Javascript & Css auto injection 46 14 ★ 899KiB
DynamicCSSEditor 46 3 ★ 582KiB
Easy Auto Refresh 46 14 ★ 90.75KiB
External script loader 46 0 ★ 19.62KiB
Code Injector 46 10 ★ 110KiB
SEO-tools 46 37 ★ 532KiB
Swift Auto Refresh 46 17 ★ 440KiB
Page Refresher 46 13 ★ 85.43KiB
Stop Reclame 46 1707 ★ 141KiB
Code Plunker (Live HTML CSS Editor) 46 8 ★ 288KiB
Witchcraft: JS/CSS injector 46 10 ★ 27.24KiB