Comments 11
Спасибо за полезную информацию, возьму на вооружение.
0
Если есть вопросы, могу дополнить статью скриншотами или подробнее рассмотреть какой-то пункт.
0
Для подобных целей использую browser-sync. Его можно использовать для внешнего сайта как прокси и инжектить стили и скрипты из локальной папки.
0
Browser-sync хорош, и вообще его использую в основном. Но тут уже надо npm иметь и конфиг сделать. А как именно вставлять стили и скрипты из локальной папки?
0
Вот мой простейший конфиг:
let browserSync = require('browser-sync').create();
browserSync.init({
proxy: 'http://site.com',
serveStatic: ['static'],
files: ['static/**/*.*'],
rewriteRules: [
{
match: /<\/head>/i,
fn: (req, res, match) => `<link rel="stylesheet" href="/custom.css" />`
},
{
match: /<\/body>/i,
fn: (req, res, match) => `<script async src="/scripts.js"></script>`
}
]
});
В serveStatic указываем из какой папки брать файлы. В rewriteRules пишем где в html и какие файлы вставлять.
0
Может кому-то надо адаптировать ужасный сайт, ради развлечения сделаю. Но сайт должен быть максимально ужасным — чтобы было веселее. Внизу статьи написал дополнение.
0
Или можно использовать PHPStorm/WebStorm с их плагином LiveEdit (инструкция).
0
Sign up to leave a comment.
Инструменты для создания адаптивного сайта без доступа к сайту