wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 28 человек(а).

Количество просмотров этой статьи: 32 128.

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

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

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

Однако существует специальная команда document.designMode = ‘on’ которая позволяет окно браузера с содержимым страницы с легкостью превратить в текстовый редактор.

That feeling when you first discovered `document.designMode` pic.twitter.com/bxA1otzCjN

— Tomek Sulkowski (@sulco) September 27, 2019

Для вызова команды вам потребуется произвести несколько несложных действий:

  1. Откройте на нужной странице консоль администратора (вызывается нажатием клавиши F12 или Ctrl+Shift+I);
  2. В появившемся окне выберите вкладку консоль;
  3. Укажите команду document.designMode = ‘on’ ;
  4. Далее нажмите Enter и приступайте к изменению контента на странице — установите курсор в нужном фрагменте текста и вносите любые правки.

Консоль Google Chrome

Обратите внимание, что все изменения локальны и видны только вам. При перезагрузке страницы они исчезнут.

Для чего будет полезна команда:

  1. изменять тексты и подменять данные на сайте;
  2. тестировать различные текстовые блоки и элементы — заголовки, лид-параграфы, абзацы, врезки, сноски;
  3. проверять различные форматы написания текста и быстро принимать решения;
  4. быстро править тексты и отправлять скриншоты заинтересованным участникам — разработчикам, копирайтерам или дизайнерам;
  5. создавать фейковые скриншоты с содержимым страницы.

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

Если вам интересно узнать больше о возможностях консоли администратора Chrome, то рекомендую посмотреть запись Chrome Dev Summit 2016.

Хотите еще больше похожих выступлений? Посетите официальную страницу саммита. Здесь вы найдете ссылки на записи других выступлений за все предыдущие года.

Надеюсь, материал оказался полезным. Обязательно пишите ваши комментарии или делитесь ссылкой на статью с коллегами и друзьями.

Рассылка Пикабу: отправляем лучшие посты за неделю ??

Спасибо!
Осталось подтвердить Email — пожалуйста, проверьте почту ??

Комментарий дня

Год 2021, как сейчас помню. Приехал с глубинки в столицу. Номера не Московские ни разу. Стал разворачиваться и немного застрял в снегу. На пузо не сел, но забукслвал, с раскачки выеду. Останавливается новый крузак 200, выходит мужчина 40+ в костюме, при галстуке и предлагает дернуть. Время 6 утра, люди спешат постоять в пробках и на работу. И так тепло стало на душе. Я обычный деревенщина на своем фордике не выеду, а он предложил помощь. Спасибо таким людям. Не включил быдлана, типа я при параде, а ты кто? И место проехать не обращая внимание на буксующий фордик было. Есть ЛЮДИ в нашем обществе. Мужчина на черном крузаке в 2021, в Северном Бутово, если читаете, огромное спасибо!

Рекомендуемое сообщество

Здесь публикуются ссылки на новые скидки, акции и специальные предложения из раздела promokod.pikabu.ru

Все предложения проверены и отбираются вручную @promokodex – партнерами Пикабу.

Если вдруг у вас возникла проблема, обращайтесь к @promokodex или по адресу [email protected]

Подписывайтесь, если хотите быть в курсе всех новых предложений!

как изменить код

Для редактирования кода страницы, необходимо:

  1. Открыть нужную веб-страницу.
  2. Найти часть кода, которую нужно изменить.
  3. Внести исправления.

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

  1. Откройте в браузере страницу, в которой необходимо изменить код.
  2. Нажмите клавишу F12.
  3. Откроется окно с кодом страницы.
  4. Найдите в левой части окна кусок кода, который нужно изменить.
  5. Кликните на найденный кусок кода правой кнопкой мыши и в открывшемся меню выберите Edit As HTML.

  1. Нужный вам кусок кода будет выделен в отдельное окно, и вы сможете его редактировать.

7. После внесения всех изменений в код, нажмите еще раз F12, чтоб закрыть окно для редактирования кода страницы.

Новости TemplateMonster

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

Примечание: Мы стараемся как можно оперативнее обеспечивать вас актуальными справочными материалами на вашем языке. Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Просим вас уделить пару секунд и сообщить, помогла ли она вам, с помощью кнопок внизу страницы. Для удобства также приводим ссылку на оригинал (на английском языке) .

Важно: Поддержка этой функции общедоступного веб-сайта SharePoint Online будет прекращена с 31 марта 2018 г. Ссылки на статьи о функциях, поддержка которых прекращена, будут удалены.

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

Изменить макет страницы, заключив блок текста в рамку.

Придать нижнего колонтитула каждой страницы, добавив специальный стиль или размер шрифта.

Проверьте правильность и полноту своего кода, прежде чем добавлять его на сайт. Имейте в виду, что SharePoint не проверяет и не исправляет HTML-код, который вы вставляете на веб-страницу.

Войдите на свой общедоступный веб-сайт и перейдите на страницу, которую хотите изменить.

На вкладке Страница щелкните Изменить, а затем на вкладке Формат текста выберите команду Изменить источник.

Перейдите в то место страницы, где вы хотите вставить блок кода. Возможно, вам понадобится удалить код, который нужно заменить или убрать со страницы. Страница будет выглядеть примерно так, как показано здесь, а курсор будет обозначать точку вставки нового кода:

Пометка точку вставки для нового кода курсора

Важно: При добавлении веб-страницу HTML-код не проверяется. Ошибки с кодом HTML может привести к веб-страницы для отображения неправильно.

Нажмите кнопку ОК.

После вставки кода убедитесь в том, что все получилось так, как вы ожидали.

Если страница выглядит правильно, щелкните Страница > Сохранить > Сохранить, а затем для проверки откройте страницу в новом окне браузера.

Если возникают проблемы, которые вы не можете устранить, не сохраняйте страницу. Вместо этого щелкните Страница > Сохранить> Остановить изменение > Отмена.

Как изменить цифры в браузере