dewiar.com

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

Latest Version

Version

Update

December 17, 2022

Size

185KiB

Developer

dewiar.com

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

{"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://*/*" ] } ]}

Download CRX(185KiB)