Как редактировать содержимое веб-страницы в Интернете в браузере?

Название этой статьи может сбивать с толку. Во-первых, мы разъясняем, что постоянное изменение содержимого веб-страницы из браузера невозможно. Только владелец веб-сайта может редактировать контент из панели администратора веб-сайта и публиковать его в Интернете. Однако во многих ситуациях вы можете захотеть вставить заметку на действующую веб-страницу. Вы можете сделать снимок экрана с обновленным содержимым, чтобы его можно было использовать для обмена или в последующих справочных целях. Итак, здесь мы объясним, как редактировать содержимое веб-страницы онлайн в браузерах во временных целях.

Связанный: Как делать заметки в браузере онлайн?

2 способа редактирования содержимого веб-страницы в Интернете

Вы можете редактировать контент в Интернете двумя способами, используя инструменты разработчика. Эти методы будут работать во всех браузерах, и мы объясним здесь с помощью Google Chrome.

  1. Редактировать элементы как HTML
  2. Изменить от руки с помощью консольной команды

1. Редактировать элементы как HTML

Следуйте приведенным ниже инструкциям, чтобы отредактировать содержимое как элементы HTML.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

  • Откройте веб-страницу, содержание которой вы хотите изменить, в Google Chrome.
  • Щелкните правой кнопкой мыши и выберите параметр «Проверить». Либо нажмите F12 на ПК с Windows, чтобы открыть консоль разработчика.
  • Используйте инструмент выбора элемента, чтобы выбрать элемент на странице, чтобы получить соответствующий HTML-код в консоли на вкладке «Элементы».
  • Щелкните правой кнопкой мыши выбранный элемент в консоли разработчика и выберите вариант «Редактировать как HTML».
Редактировать как HTML
Редактировать как HTML
  • Теперь добавьте любой контент, который хотите, используя тег абзаца HTML. Например, вставьте приведенный ниже код внутрь элемента :.
<p>This is a sample text i want to insert on this page.</p>
  • Вы можете использовать любой класс CSS, который уже используется для других элементов на странице с тегом абзаца. В нашем примере мы будем использовать класс цвета фона, используемый в существующем элементе абзаца.
Вставить элемент HTML
Вставить элемент HTML
  • После добавления элемента щелкните внешнюю область. Новый абзац мгновенно появится на веб-странице.
Добавлен новый контент
Добавлен новый контент

Как и при добавлении элементов, вы также можете удалить любые элементы, щелкнув их правой кнопкой мыши и выбрав опцию «Удалить элемент». Закройте инструмент разработчика и сделайте снимок экрана с обновленным содержимым.

2. Использование консоли консоли

Единственная проблема в вышеупомянутом методе заключается в том, что вы должны использовать HTML-теги для добавления содержимого. Если вы хотите напрямую удалить или добавить контент на веб-страницу, следуйте этому методу.

  • Откройте консоль разработчика в Chrome или другом браузере.
  • Перейдите на вкладку «Консоль», вставьте приведенный ниже код и нажмите Enter.
document.body.contentEditable = true
Введите консольную команду
Введите консольную команду
  • Вы увидите, что в качестве возврата указано «истина».
  • Теперь вы можете удалять и добавлять любой контент прямо на веб-страницу.

Похожие записи

Один комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *