Как специалист по UX, когда вы предлагаете несколько быстрых обновлений на своем веб-сайте и сообщаете своим разработчикам об этих изменениях, вы можете быть на 100 % уверены в том, что разработчики попросят у вас макеты не потому, что они пытаются причинить боль, а они просто хотят избежать переделок.

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

Откройте свой веб-сайт, перейдите в консоль разработчика браузера и введите

document.designMode = "on"

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

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

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

обратите внимание, что

  • по умолчанию designMode равно off .
  • В некоторых случаях backspace не работает, если вы хотите отменить изменения, вам просто нужно обновить страницу.

Вот краткая демонстрация

если вас интересуют разделители чисел в javascript, загляните в мой следующий блог.



Числовой разделитель в Javascript
При работе с большими числами в JavaScript или на любом другом языке удобочитаемость этого…medium.com