как сделать так чтобы при обновлении страницы код элемента не менялся
Никак, разве что дай в пьер д’ачелло администратору ресурса, чтобы он загрузил твой код на сервер.
Или пиши юзерскрипт или дополнение под браузер, которое будет автоматически менять код на странице каждый раз при её загрузке, тогда в пьер д’ачелло давать не нужно.
Пример: chrome.google.com/webstore/detail/x%CE%BBlo/kmkjcgnagjmolnbchbokfnejaaledieg?hl=ru
1422Ученик (176) 7 лет назад
Можешь подсказать кроме такого расширение, есть похожи?
user51942 Оракул (50644) Если и есть, то я про такие не слышал. А чем гризманки не устраивает?
Похожие вопросы
Как изменить код страницы в Google Chrome
Умение изменить исходный код страницы – полезный навык для продвинутого пользователя Интернета. С помощью подмены HTML кода, вы сможете изменить открытую веб-страницу как вам угодно. В этой статье мы расскажем, как изменить код страницы в Google Chrome. Впрочем, в других браузерах все делается аналогично, потому трудностей возникнуть не должно.
Что такое HTML код страницы?
Каждая страница, которую вы открываете в браузере, имеет свой код на языке разметки HTML. Этот код представляет собой теги и текст. Теги это своеобразные метки, которые указывают браузеру, как отображать ту или иную часть сайта. Текст – это наполнение страницы, то, что видит пользователь. Также к странице могут быть подключены CSS стили, которые задают внешний вид элементов страницы. Чтобы изменить исходный код сайта не нужно досконально знать HTML и CSS и скоро вы в этом сами убедитесь.
Зачем изменять веб-страницу?
Вы можете подменить данные на сайте, изменить текст сообщения Вконтакте, сделать фейковый скриншот. Обратите внимание, что все изменения видны только вам и при перезагрузке страницы они исчезнут. Также измененные данные не будут реальными. Например, если у меня на WebMoney есть 10 долларов, а я изменю на 100, то денег у меня больше не станет. Это лишь отображение страницы браузером. Пример:
До:
После:
Изменяем HTML код страницы
Для примера я возьму этот же сайт и изменю предыдущий анонс статьи “Зачем нужна Java на компьютере или ноутбуке” Открываю главную страницу в Google Chrome. Нажимаю ПКМ по элементу, который я хочу изменить, например заголовок анонса и выбираю “Посмотреть код”.
В открывшемся окне переходим на вкладку Elements и видим HTML код страницы. В нем нужно найти интересующий нас текст. (подчеркнут красным)
Теперь удалю старый текст и впишу новый.
Вот и все, название анонса изменено. Теперь я изменю сам анонс, метки и рубрику.
Вставить другую картинку можно изменив атрибут src в теге img.
Я нашел в интернете картинку с пингвином и скопировал ссылку.
Итог
Как видите, ничего сложного. В Opera, Mozilla Firefox все точно так же. Чтобы подменить внешний вид страницы, шрифты, фоны, рамки, отступы, добавить или удалить элемент и производить более сложные изменения, нужны знания HTML и CSS. Используйте это в своих целях. Желаю удачи.
Как отредактировать код страницы
В настройках Рег.сайта вы можете отредактировать код страницы — добавить свой скрипт или тег. Это можно сделать двумя способами: в настройках модуля или в админке сайта.
Мы не рекомендуем добавлять код:
- через файлы сайта (например, function.php) — правки могут нарушить общую структуру сайта,
- сразу после обновления темы Divi — системные файлы будут перезаписаны и добавленные в код изменения автоматически удалятся,
- при работе на техническом домене — он подходит только для ознакомления с функционалом Рег.сайта.
В настройках конкретного модуля
Через настройки модуля можно разместить js или html-скрипты в любом месте на странице сайта. Так вы сможете добавить рекламный баннер, систему бронирования, онлайн-калькулятор и др. Для этого:
Откройте настройки нужного модуля.
Перейдите на вкладку Дополнительно:
В блоке «Пользовательский CSS» заполните поля «Перед», «Основной элемент» или «После». Чтобы сохранить настройки, кликните на галочку в зеленом прямоугольнике:
Через админку сайта
В настройках Divi код можно добавить:
В конкретную часть сайта (html-страницы)
Откройте раздел Divi — Настройки темы:
Перейдите на вкладку Интеграция. Добавьте код в нужную часть страницы, например, перед тегом /head или /body. После этого вверху страницы кликните Сохранить изменения:
Проверьте измененный внешний вид страницы.
Вставить CSS-стиль для всего сайта
Откройте раздел Divi — Настройки темы:
Перейдите на вкладку Основное и добавьте нужный CSS-стиль в поле «Пользовательский CSS». После этого внизу страницы кликните Сохранить изменения:
Как изменить html код страницы в браузере
В данном посте покажем, как можно изменить код страницы в браузере Google Chrome. В других браузерах это делается аналогично. Я думаю трудностей не будет с этим.
Для изменения исходного кода страницы не обязательно хорошо знать HTML и CSS. Далее вы это сами увидите.
Редактирование html кода в браузере
Мы будем менять данные на сайте. Изменения в коде будут видны только нам. При обновлении страницы они исчезнут.
Откройте в браузере страницу сайта, в которой необходимо изменить код. Это можно
сделать следующим образом прямо на странице сайта.
Выделяем и нажимаем правой кнопкой мыши. После чего появится в правой части окна кусок кода. Который будем редактировать.
В контекстном меню нажимаем Edit as HTML и у нас появится выделенный код.
При такой редакции мы видим сразу результат.
Вверху картинки отмеченное красной рамкой HTML код, который находится в шапке сайта. Стиль которого мы поменяем.
Внизу красной стрелкой показано style.css:473. Находится в Консоли> Внешний вид>Редактор темы>файл style.css строка 473. Как можно это использовать?
Эти изменения можно использовать следующим образом. Копируем в блокнот Notepad++ с расширением html. Если это Ваш сайт, то вносим изменения в файлы на веб-сервере.
Или эти изменения можно внести в Консоли административной панели сайта. В Редакторе темы файлов.
С помощью подмены HTML кода, мы сможем изменить открытую веб-страницу как захотим.
Умение изменить исходный код страницы – дает отличный навык для продвинутого пользователя Интернета.
Внесенные изменения в код страницы будут оставаться такими. Пока мы не обновим страницу. При этом произойдет возврат в первоначальное состояние.
Редактирование CSS во встроенном редакторе
Знаете CSS – можно отредактировать и сделать предварительный просмотр изменений во встроенном редакторе CSS.
Для этого заходим в Консоль админ панели. При наведении курсора на Внешний вид выпадает меню где нажимаем на Редактировать CSS
Открывается с левой стороны окно для редактирования.
Нажимаем на Дополнительные стили и открывается поле для загрузки кода CSS.
Код CSS в котором будем производить изменения копируем и вставляем в вышеуказанное поле.
После загрузки редактируем код и смотрим результат, если нас все устраивает. Мы нажимаем на кнопку Опубликовать. Все изменения в дизайне сайта будут такими же как в предварительном просмотре.
При неготовности опубликовать произведенные изменения. Нажимаем на пиктограмму в виде шестеренки. Открывается дополнительное окно
где можем сделать пометку Сохранить. Изменения будут сохранены, и можно будет поделиться. С внесенными изменениями, без публикации. Останется как черновик.
Также можно Запланировать публикацию произведенных изменений по времени. День, Месяц, Год и Время выставляем по своему желанию.
Далее мы можем посмотреть полную историю произведенных нами изменений. Это очень удобно в истории отражены изменения данных до и после.
Или мы можем просто отменить изменения. Нажав на пиктограмму корзины.