Меняйте код html файлов, js и css скриптов без перезагрузки страницы. Для разработчиков сайтов.

Latest Version

Version
3
Update
December 17, 2022
Size
185KiB
Developer
dewiar.com
Category
Users
46
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
русский
See more
Permissions
Tabs
See more

УМНОЕ ОБНОВЛЕНИЕ СТРАНИЦЫ 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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "\u0423\u041c\u041d\u041e\u0415 \u041e\u0411\u041d\u041e\u0412\u041b\u0415\u041d\u0418\u0415 \u0421\u0422\u0420\u0410\u041d\u0418\u0426\u042b", "description": "\u041c\u0435\u043d\u044f\u0439\u0442\u0435 \u043a\u043e\u0434 html \u0444\u0430\u0439\u043b\u043e\u0432, js \u0438 css \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0414\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u0430\u0439\u0442\u043e\u0432.", "version": "3", "icons": {"16": "logo16.png", "48": "logo48.png", "128": "logo128.png" }, "action": { "default_title": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435", "default_popup": "popup.html" }, "host_permissions":["http://*/*","https://*/*"], "permissions":["tabs"], "optional_host_permissions": ["*://*/*"], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" },"content_scripts": [ { "matches": ["http://*/*","https://*/*", ""], "run_at": "document_start", "css":["jquery.toast.css"], "js": ["jquery-3.3.1.min.js","jquery.toast.js","script.js","background.js"] } ],"web_accessible_resources": [ { "resources": ["background.js","script.js"], "matches": [ "https://*/*","http://*/*" ] } ]}
Read more

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

icon

Web Code Injector Extension · Developer Tools 46 5 ★ 2.36MiB

icon

Lavaca Developer Tools Extension · Developer Tools 46 0 ★ 10.42MiB

icon

Auto Refresh Page - Reload Pages Automatically & Page Monitor Easily Extension · Productivity 46 172 ★ 9.17MiB

icon

Page Auto Refresh Extension · Productivity 46 62 ★ 500KiB

icon

Troywell - ad blocker Extension · Productivity 46 6 ★ 2.72MiB

icon

Page Reload Extension · Developer Tools 46 0 ★ 140KiB

icon

Tab Auto Refresh Extension · Productivity 46 967 ★ 101KiB

icon

Sites custom codes - inject CSS and JS Extension · Developer Tools 46 3 ★ 403KiB

icon

Advanced Extension Reloader Extension · Developer Tools 46 5 ★ 1012KiB

icon

Front End Tips Tab Extension · Developer Tools 46 2 ★ 8.89KiB

icon

Auto Refresh for Chrome™ Extension · Productivity 46 0 ★ 42.38KiB

icon

Auto Refresh Extension · Productivity 46 41 ★ 583KiB

icon

Live Reload Browser Page Extension · Developer Tools 46 1 ★ 3.83MiB

icon

Javascript & Css auto injection Extension · Developer Tools 46 14 ★ 899KiB

icon

DynamicCSSEditor Extension · Developer Tools 46 3 ★ 582KiB

icon

Easy Auto Refresh Extension · Productivity 46 14 ★ 90.75KiB

icon

External script loader Extension · Developer Tools 46 0 ★ 19.62KiB

icon

Code Injector Extension · Developer Tools 46 10 ★ 110KiB

icon

SEO-tools Extension · Developer Tools 46 37 ★ 532KiB

icon

Swift Auto Refresh Extension · Productivity 46 17 ★ 440KiB

icon

Page Refresher Extension · Productivity 46 13 ★ 85.43KiB

icon

Stop Reclame Extension · Productivity 46 1707 ★ 141KiB

icon

Code Plunker (Live HTML CSS Editor) Extension · Developer Tools 46 8 ★ 288KiB

icon

Witchcraft: JS/CSS injector Extension · Developer Tools 46 10 ★ 27.24KiB