Как изменить написанное на сайте

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

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

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

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

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

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

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

• Откройте веб-страницу, содержание которой вы хотите изменить, в Google Chrome.
• Щелкните правой кнопкой мыши и выберите параметр «Проверить». Либо нажмите F12 на ПК с Windows, чтобы открыть консоль разработчика.
• Используйте инструмент выбора элемента, чтобы выбрать элемент на странице, чтобы получить соответствующий HTML-код в консоли на вкладке «Элементы».
• Щелкните правой кнопкой мыши выбранный элемент в консоли разработчика и выберите вариант «Редактировать как HTML».

• Теперь добавьте любой контент, который хотите, используя тег абзаца HTML. Например, вставьте приведенный ниже код внутрь элемента :.

<p>This is a sample text i want to insert on this page.</p>

• Вы можете использовать любой класс CSS, который уже используется для других элементов на странице с тегом абзаца. В нашем примере мы будем использовать класс цвета фона, используемый в существующем элементе абзаца.

• После добавления элемента щелкните внешнюю область. Новый абзац мгновенно появится на веб-странице.

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

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

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

• Откройте консоль разработчика в Chrome или другом браузере.
• Перейдите на вкладку «Консоль», вставьте приведенный ниже код и нажмите Enter.

document.body.contentEditable = true

• Вы увидите, что в качестве возврата указано «истина».
• Теперь вы можете удалять и добавлять любой контент прямо на веб-страницу.

Закройте окно консоли разработчика и измените содержимое веб-страницы в Интернете, чтобы добавить собственное содержимое.

Заключительные слова

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

• Теги и атрибуты при роботе со шрифтами html
  • Возможности атрибута style
  • Свойство font и цвет шрифта html
  • Русскоязычные шрифты и их поддержка

Причиной создания языка HTML стала проблема отображения правил форматирования текста браузерами.

Поддерживается положительное значение атрибута от 1 до 7.

<p>
<font size="7" color="red" face="Arial">Форматируется только тот текст, который расположен между частями парного тега font.</font>
Остальной текст отображается стандартным шрифтом, установленным по умолчанию.
</p>

<p>Обычный текст</p>
<p><strong>Жирный текст</strong></p>
<p><b>Жирный текст</b></p>
<p><big>Больше обычного</big></p>
<p><small>Меньше обычного</small></p>
<p><em>Курсив</em></p>
<p><i>Курсив</i></p>
<p><ins>С подчеркиванием</ins></p>
<p><del>Зачеркнутый</del></p>

font-family: имя шрифта [, имя шрифта[, ...]]

font-size: абсолютный размер | относительный размер | значение | проценты | inherit

<p style="font-size:7"> font-size:7</p>
<p style="font-size:24px"> font-size:24px</p>
<p style="font-size:x-large"> font-size: x-large</p>
<p style="font-size:200%"> font-size: 200%</p>
<p style="font-size:24pt"> font-size:24pt</p>

font-style: normal | italic | oblique | inherit

<p style="font-style:inherit">font-style:inherit</p>
<p style="font-style:italic">font-style:italic</p>
<p style="font-style:normal">font-style:normal</p>
<p style="font-style:oblique">font-style:oblique</p>

font-variant: normal | small-caps | inherit

<p style="font-variant:inherit">font-variant:inherit</p>
<p style="font-variant:normal">font-variant:normal</p>
<p style="font-variant:small-caps">font-variant:small-caps</p>

font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

<p style="font-weight:bold">font-weight:bold</p>
<p style="font-weight:bolder">font-weight:bolder</p>
<p style="font-weight:lighter">font-weight:lighter</p>
<p style="font-weight:normal">font-weight:normal</p>
<p style="font-weight:900">font-weight:900</p>
<p style="font-weight:100">font-weight:100</p>

font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

<p style="font:icon">font:icon</p>
<p style="font:caption">font:caption</p>
<p style="font:menu">font:menu</p>
<p style="font:message-box">font:message-box</p>
<p style="font:small-caption">small-caption</p>
<p style="font:status-bar">font:status-bar</p>
<p style="font:italic 50px bold "Times New Roman", Times, serif">font:italic 50px bold "Times New Roman", Times, serif</p>

<p style="color:#00FF99">color:#00FF99</p>
<p style="color:blue">color:blue</p>
<p style="color:rgb(100,50,180)">color:rgb(0, 255, 153)</p>

Веб-страницы доступны только для чтения, но знаете ли вы, что это возможно? Редактировать содержимое веб-страницы прямо в вашем веб-браузере.

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

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

Как редактировать текст на сайте

Чтобы изменить текст на любой странице, сначала загрузите его в свой браузер. Мы обсудим, как это сделать через Chrome здесь, но процесс аналогичен и в других браузерах.

Открыв страницу, щелкните правой кнопкой мыши фрагмент текста, который хотите изменить, и выберите فحص (Вариант иногда указывается как проверка элементов). Это запустит панель разработчика Chrome на странице Items. Если вам интересно, как изменить текст с помощью F12 , знайте, что вы можете нажать F12, чтобы открыть ту же панель.

В этом окне вы увидите HTML-содержимое страницы, которую вы посещаете. видеть это Введение в HTML Если это вам незнакомо.

В зависимости от выбранного текста вы, скорее всего, увидите текст между или же или другой подобный знак. Щелкните стрелку рядом с этими тегами, чтобы развернуть раздел и отобразить полный текст.

Оттуда просто дважды щелкните или щелкните правой кнопкой мыши и выберите Редактировать текст на блоке, который нужно изменить. Просто щелкнув или нажав на Enter , текст будет обновлен.

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

Страница сохранит ваши изменения, пока вы ее не обновите. Не стесняйся Сделайте снимок экрана И поделитесь своим забавным модом где угодно.

Как редактировать сайт в режиме дизайна

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

Чтобы использовать его, нажмите F12, чтобы открыть параметры разработчика и переключиться на панель консоли. Затем введите следующую строку в консоль (рядом со стрелкой внизу всех предупреждений, которые вы видите) и нажмите Enter:

document.designMode = "on"

Как только вы это сделаете, вы можете щелкнуть любой текст и сразу же начать вводить его, чтобы изменить его.

Этот режим применяется только к текущей вкладке, и вам нужно делать это каждый раз, когда вы хотите ее использовать. Но если вы хотите внести много изменений в текст страницы, это того стоит.

Изменение содержания веб-сайта стало проще

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

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