Функция "document.designMode" в Chrome позволяет...

165

Функция "document.designMode" в Chrome позволяет мгновенно редактировать любую страницу.

Это очень полезно для визуализации SEO/UX-изменений с целью получения одобрения со стороны ключевых заинтересованных сторон.

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

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

Иногда заинтересованным лицам сложно представить себе эти типы изменений.

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

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

Функция "document.designMode" позволяет вносить правки в любую страницу в Chrome с учетом ее текущего состояния.

Чтобы использовать эту фичу, выполните следующие действия:

1. Откройте в Chrome страницу, которую необходимо отредактировать

2. Щелкните правой кнопкой мыши и выберите "Inspect", чтобы открыть Chrome DevTools

3. Перейдите на вкладку "Консоль".

4. Введите document.designMode = "on".

5. Вернитесь на страницу и начните вносить необходимые изменения.

Как это работает можно посмотреть на видео.

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

@MikeBlazerX