Знаете ли вы, что текст на веб-сайте можно редактировать прямо в браузере? Верно.
Веб-страницы доступны только для чтения, но вы можете редактировать локальную копию в своем браузере, даже если вы не являетесь владельцем веб-сайта. Это может быть полезным способом исправить ошибки, попробовать инструменты разработчика на лету или внести практические изменения, которые улучшат работу в Интернете.
Эта статья покажет вам, как редактировать любую веб-страницу с помощью Chrome, Safari, Firefox, Microsoft Edge и Opera.
Как редактировать текст на веб-сайте
Все современные браузеры оснащены инструментами разработчика.
Как правило, это набор инструментов, которые открывают внутреннюю панель разработки веб-браузера, предоставляя у вас есть возможность редактировать то, что вы просматриваете. Как правило, инструменты разработчика обеспечивают редактирование кода для HTML/CSS/JavaScript & DOM, чтобы помочь вам проанализировать ваш контент с разных точек зрения.
Возможность редактировать текст имеет решающее значение для веб-разработчиков, авторов контента, специалистов по цифровому маркетингу и всех, кто любит работать в Интернете.
В качестве веб-разработчика редактирование текста может помочь вам протестировать новые заголовки целевых страниц в реальных условиях. -время. Это также может помочь вам поделиться идеями с клиентами и дать им возможность выбрать то, что они хотят. Это может сэкономить ваше время и повысить эффективность общения.
Это также может помочь вам не указывать конфиденциальные данные при создании снимков экрана, чтобы поделиться ими с вашими клиентами.
Если вы пишете контент, редактирование текста на веб-странице может помочь вам провести мозговой штурм и создать несколько сценариев, прежде чем выбрать лучший.
Как специалисту по цифровому маркетингу, возможность редактировать текст на любой веб-странице может дать вам полезная информация, чтобы повысить ваши усилия SEO. Его можно использовать как секретное оружие для получения информации о ключевых словах, используемых конкурентами.
Сначала давайте посмотрим, как вы можете редактировать текст на веб-сайте с помощью Chrome.
Как редактировать текст на любом сайте в Chrome
Людей привлекает Chrome из-за его скорости, простоты и полной интеграции с приложениями Google.
Он также доступен на большем количестве устройств, чем любой другой браузер. Сюда входят ПК, Mac, Chromebook, iPhone, Android, Windows Phone и практически любое другое устройство, на котором можно запустить современный веб-браузер.
Помимо общей функциональности, популярность Chrome отчасти объясняется его функцией Inspect Element, которая позволяет редактировать текст на любом веб-сайте, даже если вы не являетесь его владельцем. Хотя любые вносимые вами изменения носят временный характер, это может быть полезным способом исправления ошибок и проверки новых идей на лету.
Вот как это работает:
- Откройте Chrome и перейдите на интересующую веб-страницу.
- Нажмите на многоточие (три маленькие точки) в правом верхнем углу экрана.
< /li>
- Нажмите стрелку вперед рядом с “Дополнительные инструменты”
- Выберите “Инструменты разработчика” из всплывающего окна. Это должно открыть раздел “Elements” панель в правой части окна браузера, где вы можете настроить исходный код страницы. Для лучшей читабельности вы можете перетащить углы окна, чтобы увеличить его размер.
- В этот момент щелкните значок курсора в верхнем левом углу панели инспектора.
- Выделите текст, который хотите отредактировать, в “нормальном” часть вашего браузера. Это автоматически выделит соответствующий код на панели инспектора.
- Щелкните правой кнопкой мыши выделенный код и выберите “Редактировать как HTML” из появившегося всплывающего подменю. Откроется окно редактора, в котором вы можете изменить текст по своему усмотрению.
- После редактирования выйдите из окна редактора и закройте панель «Элементы», щелкнув значок “X” в правом верхнем углу.
И вуаля! Отредактированная веб-страница теперь должна быть видна в окне вашего браузера.
Возможно, самое лучшее в этом инструменте то, что он работает так хорошо, что никто не заподозрит, что что-то было изменено. Вы даже можете делать скриншоты отредактированной веб-страницы, где все выглядит чистым и аутентичным.
Однако все изменения являются локальными, и вы можете вернуться к исходному состоянию, просто обновив или перезагрузив страницу.
Как редактировать текст на любом веб-сайте в Firefox
Если вам нравится Firefox, у нас есть хорошие новости. Вы можете редактировать любой текст на любой веб-странице в Интернете всего за несколько кликов.
Вот как это сделать:
- Откройте Firefox и перейдите на интересующую веб-страницу.
- Нажмите на три горизонтальные линии в правом верхнем углу браузера и выберите «Дополнительные инструменты». из появившегося раскрывающегося меню.
- Нажмите “Инструменты разработчика” Это должно открыть панель инспектора в нижней части окна браузера, чтобы просмотреть исходный код веб-страницы и внести многочисленные изменения, включая редактирование текста.
- Нажмите значок курсора в левом верхнем углу панели инспектора.
- Используйте курсор, чтобы выделить текст, который вы хотите изменить. Вы делаете это в основной части веб-страницы – прямо над панелью инспектора. Это автоматически выделит соответствующий код на панели инспектора.
- Правильно -нажмите на выделенный код и выберите “Редактировать как HTML”
- Продолжайте редактировать текст по своему усмотрению. Вы можете удалить все, что вам не нравится, выделив его и нажав Backspace.
- После внесения всех необходимых изменений щелкните в любом месте за пределами окна текстового редактора и закройте панель инспектора, щелкнув значок “X” кнопку в правом верхнем углу.
После выполнения этих шагов все ваши изменения должны отображаться на веб-странице. Чтобы внести дополнительные изменения или даже внести изменения, просто выполните описанные выше шаги, чтобы снова открыть окно текстового редактора.
Как редактировать текст на любом веб-сайте в Safari
Как в Chrome и Firefox, Safari оснащен инструментами разработчика браузера, которые позволяют изменять локальную версию любой веб-страницы в Интернете.
Вот как это работает:
Шаг 1. Включите меню разработки Safari
Прежде чем вы сможете редактировать какой-либо текст в Safari, вам необходимо включить меню разработки браузера. Для этого:
- Нажмите на значок “Safari” в верхней части экрана и выберите “Настройки”
- Выберите “Дополнительно” из раскрывающегося меню.
- Установите флажок рядом с “Показать меню разработки в строке меню”
< /li>
Шаг 2. Найдите текст, который хотите изменить
Настало время посетить интересующий веб-сайт и открыть страницу, текст которой вы хотите изменить&rsquo ;d хотел бы изменить. Выделите текст, который хотите отредактировать.
Шаг 3. Откройте элемент проверки
Выберите “Проверить элемент” из всплывающего меню. Когда откроется окно проверки элемента, вы увидите новое окно с большим количеством кода.
Шаг 4. Измените текст
Теперь вы можете перезаписать выделенный текст новым текстом. Когда закончите, нажмите “Enter” и выйдите из окна проверки элемента. Теперь на веб-странице должен быть новый текст.
Как редактировать текст на любом веб-сайте в Edge?
Microsoft Edge, встроенный браузер для Windows 10 предлагает гораздо больше, чем Internet Explorer. Примечательно, что он содержит значительные улучшения по сравнению с движком своего предшественника: более высокую производительность JavaScript и поддержку WebGL, помогающую отображать интерактивную 2D- и 3D-графику на ПК.
Самое главное, Edge поддерживает редактирование текста на веб-сайтах. .
Вот как это работает:
- Откройте Edge и перейдите на интересующую веб-страницу.
- Нажмите на три маленькие точки в правом верхнем углу браузера.
- Выберите “Дополнительные инструменты” из появившегося раскрывающегося меню.
- Выберите “Инструменты разработчика” из всплывающего подменю. Это должно открыть DevTools – браузера во внутреннюю панель разработки.
- Откроется окно DevTools, щелкните значок курсора в верхнем левом углу.
- Используйте курсор, чтобы выделить текст, который вы хотите изменить. Все, что выделено в браузере, будет автоматически выделено в окне DevTools.
- Щелкните правой кнопкой мыши по выделенному коду и выберите “Редактировать как HTML” из появившегося раскрывающегося меню.
- Продолжайте изменять текст, как вы хочу.
- По завершении щелкните в любом месте за пределами окна текстового редактора и закройте окно DevTools, нажав нажав на значок “X” значок в правом верхнем углу.
Как редактировать текст на любом веб-сайте в Opera?
Хотя Opera изначально использовалась на мобильных устройствах, теперь браузер доступен для ПК и Mac.
Если Opera является вашим предпочтительным браузером, вы не остаетесь в стороне, когда дело доходит до редактирования текста на веб-сайтах в Интернете. Вот как это сделать:
- Скопируйте выделенный ниже текст и вставьте его на панель закладок.
javascript: document.body.contentEditable = 'true'; document.designMode = 'включено'; void 0 - Откройте веб-страницу, текст которой вы хотите изменить.
- Нажмите на закладку в верхней части браузера. Вы должны увидеть курсор на экране, который позволит вам редактировать весь текст на этой странице.
Чтобы вернуться к исходному тексту, все, что вам нужно сделать, это обновить страницу.
Свободный просмотр веб-страниц
Chrome, Firefox, Microsoft Edge, Opera и Safari оснащены инструментами разработчика, которые помогут вам редактировать что-либо на веб-сайте. Это может быть отличным способом проверить новые идеи, исправить ошибки и внести изменения для улучшения удобочитаемости.
И самое лучшее в этом то, что вам не нужен опыт HTML или веб-разработки.
Однако имейте в виду, что ни одно из изменений не является постоянным. На сервере ничего не перезаписывается, и вы можете вернуться к исходному тексту, просто нажав кнопку обновления.
Вы пробовали редактировать текст на веб-сайте любым из методов, описанных в этой статье? Как все прошло?
Сообщите нам об этом в разделе комментариев ниже.