Редактирование текста на веб-странице с помощью Internet Explorer 8

Редактирование текста на веб-странице с помощью Internet Explorer 8
Редактирование текста на веб-странице с помощью Internet Explorer 8

Видео: Редактирование текста на веб-странице с помощью Internet Explorer 8

Видео: Редактирование текста на веб-странице с помощью Internet Explorer 8
Видео: Настраиваем Firefox - YouTube 2024, Апрель
Anonim

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

Как редактировать текст на веб-странице

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

Это открывает инструменты для разработчиков. Чтобы сделать наше редактирование, мы хотим выбрать кнопку мыши на панели инструментов «Выбрать элемент по клику».
Это открывает инструменты для разработчиков. Чтобы сделать наше редактирование, мы хотим выбрать кнопку мыши на панели инструментов «Выбрать элемент по клику».
Теперь нажмите на любое место веб-страницы в IE8, которое вы хотите изменить. Здесь давайте отредактируем нижний колонтитул Google.com. Обратите внимание, что он помещает синий квадратик вокруг любого элемента, который вы наведете, чтобы было легко выбрать именно то, что вы хотите отредактировать.
Теперь нажмите на любое место веб-страницы в IE8, которое вы хотите изменить. Здесь давайте отредактируем нижний колонтитул Google.com. Обратите внимание, что он помещает синий квадратик вокруг любого элемента, который вы наведете, чтобы было легко выбрать именно то, что вы хотите отредактировать.
В окне инструментов разработчика элемент, выбранный ранее, теперь подсвечивается. Нажмите кнопку «плюс» рядом с этой записью, если текст, который вы хотите изменить, не отображается.
В окне инструментов разработчика элемент, выбранный ранее, теперь подсвечивается. Нажмите кнопку «плюс» рядом с этой записью, если текст, который вы хотите изменить, не отображается.
Теперь щелкните текст, который вы хотите изменить, и введите то, что вы хотите в поле. Для удовольствия мы изменили авторское право, чтобы сказать «© 2010 Microsoft».
Теперь щелкните текст, который вы хотите изменить, и введите то, что вы хотите в поле. Для удовольствия мы изменили авторское право, чтобы сказать «© 2010 Microsoft».
Вернитесь в IE, чтобы увидеть изменения на странице!
Вернитесь в IE, чтобы увидеть изменения на странице!
Вы также можете изменить ссылку на странице таким образом:
Вы также можете изменить ссылку на странице таким образом:
Или вы можете даже изменить текст на кнопку:
Или вы можете даже изменить текст на кнопку:
Вот наш отредактированный Google.com:
Вот наш отредактированный Google.com:
Image
Image

Это может быть интересно для игры на трюк кого-то или просто для забавного скриншота, но это тоже может быть очень полезно. Вы можете проверить, как изменения в fontsize будут меняться, как выглядит веб-сайт, или посмотреть, как будет выглядеть кнопка с другой меткой. Это также может быть полезно при съемке снимков экрана. Например, если я хочу показать другу, как сделать что-то в Gmail, но не хочу раскрывать свой адрес электронной почты, я мог бы редактировать текст в правом верхнем углу перед тем, как я сделал снимок экрана. Здесь я изменил адрес Gmail на [email protected].

Рекомендуемые: