Calcweb.ru

Информационный портал
6 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Несколько полезных параметров командной строки для Google Chrome

Удобные возможности консоли разработчика Chrome, о которых вы можете не знать

Обложка: Удобные возможности консоли разработчика Chrome, о которых вы можете не знать

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

Примечание: этот API доступен только внутри консоли. Получить доступ к командной строке API из скриптов на странице нельзя.

$_ возвращает значение последнего выполненного выражения.

В примере ниже выполняется простое выражение ( 2 + 2 ). Затем выполняется $_ , которому присваивается то же самое значение:

В этом примере выполненное выражение содержало массив имён. Выполнение $_.length даст длину массива, а само выражение $_ примет значение последнего выполненного выражения, то есть 4:

Команды $0 , $1 , $2 , $3 и $4 работают как ссылки на последние 5 элементов DOM, которые были просмотрены в панели Elements, или на последние 5 JS-объектов из кучи, которые были выбраны в панели Profiles. $0 возвращает элемент или объект, выбранный позже всех, $1 возвращает тот, что был перед ним, и так далее.

В примере ниже в панели Elements выбран элемент класса medium . В консоли $0 принял такое же значение:

На картинке ниже выбран другой элемент на той же странице. $0 теперь относится к этому элементу, а $1 — к предыдущему:

$(selector)

$(selector) возвращает ссылку на первый элемент DOM с указанным CSS-селектором. Эта функция — сокращение для функции document.querySelector().

3–4 декабря, Онлайн, Беcплатно

Этот пример возвращает ссылку на первый элемент <img> в документе:

Кликните правой кнопкой мыши по результату и выберите «Reveal in Elements Panel» для поиска элемента в DOM или «Scroll in to View» для того, чтобы увидеть его на странице.

Пример ниже возвращает ссылку на только что выбранный элемент и отображает его свойство src :

Примечание: Если вы используете библиотеки вроде jQuery, которые используют символ $ , то будет использоваться функциональность этой библиотеки.

$$(selector)

$$(selector) возвращает массив элементов, содержащих указанный селектор. Эта команда эквивалентна вызову document.querySelectorAll().

Следующий пример использует $$() для создания массива из всех элементов <img> в документе и возвращает свойство src каждого элемента:

Примечание: Нажмите в консоли Shift + Enter для перехода на новую строку без выполнения скрипта.

$x(path)

$x(path) возвращает массив элементов, которые удовлетворяют данному выражению XPath.

Этот пример вернёт все элементы <p> :

А этот — все элементы <p> , содержащие элемент <a> :

clear()

clear() очищает историю консоли.

copy(object)

copy(object) копирует строковое представление указанного объекта в буфер обмена.

debug(function)

При вызове данной функции вызывается отладчик, который позволяет пошагово исполнить её в панели Sources.

Используйте undebug(fn) для завершения отладки или интерфейс для удаления всех точек останова.

Для получения более подробной информации о точках останова прочитайте статью Debug with Breakpoints.

dir(object)

dir(object) отображает листинг всех свойств указанного объекта. Этот метод — замена метода console.dir() .

Читайте так же:
Как в Windows 10 отключить автоматическое определение типа папки

Следующий пример показывает разницу между вызовом document.body в командной строке и использованием dir() для отображения того же элемента:

Для получения дополнительной информации ознакомьтесь с разделом console.dir() в API консоли.

dirxml(object)

dirxml(object) выводит XML-представление указанного объекта. Этот метод эквивалентен методу console.dirxml().

inspect(object/function)

inspect(object/function) открывает и выбирает указанный элемент или объект в соответствующей панели: Elements или Profiles.

Этот пример открывает document.body в панели Elements:

При передаче функции она открывает документ в панели Sources.

getEventListeners(object)

getEventListeners(object) возвращает все слушатели событий, привязанные к указанному объекту. Возвращаемое значение — объект, содержащий массивы для всех найденных типов событий (например, «click» или «keydown» ). Элементы каждого массива — это объекты, которые описывают слушатель каждого типа. Например, следующий пример выведет все слушатели событий объекта document :

Если к объекту привязано более одного слушателя, то массив содержит элементы для каждого из них. Например, здесь к элементу #scrollingList привязаны два слушателя события «mousedown» :

Можно просмотреть свойства каждого из этих объектов:

keys(object)

keys(object) возвращает массив имён свойств объекта. Для получения значения свойств используйте values() .

Предположим, в вашем приложении объявлен следующий объект:

Пусть player1 объявлен глобально, тогда keys(player1) и values(player1) выведет следующее:

monitor(function)

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

Для отмены используйте unmonitor(function) .

monitorEvents(object, [events])

Когда одно из указанных событий происходит с указанным объектом, объект Event записывается в консоль. Можно указать конкретное событие, массив событий или один из «типов» событий. Примеры ниже.

Следующий запрос мониторит все изменения размера объекта window .

Этот запрос мониторит все события «resize» and «scroll» в объекте window :

Вы также можете задать один из доступных «типов» событий из таблицы ниже:

Тип события / соответствующие события
mouse«mousedown», «mouseup», «click», «dblclick», «mousemove», «mouseover», «mouseout», «mousewheel»
key«keydown», «keyup», «keypress», «textInput»
touch«touchstart», «touchmove», «touchend», «touchcancel»
control«resize», «scroll», «zoom», «focus», «blur», «select», «change», «submit», «reset»

Например, в этом запросе мониторятся все события типа «key» в выбранном элементе в панели Elements:

Вот пример вывода после набора символов в текстовом поле:

profile([name]) и profileEnd([name])

profile() запускает JS-профилировщик. profileEnd() завершает профилирование и отображает результаты в панели Profile (подробности — в статье Speed Up JavaScript Execution).

Для запуска профилирования:

Профили ткже могут быть вложенными:

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

table(data, [columns])

Вывод данных объекта в формате таблицы. Например, для вывода списка имён нужно сделать следующее:

undebug(function)

undebug(function) прекращает отладку заданной функции.

unmonitor(function)

unmonitor(function) прекращает мониторинг заданной функции.

unmonitorEvents(object, [events])

unmonitorEvents(object, [events]) прекращает мониторинг указанного объекта и событий:

Также можно прекращать мониторинг отдельных событий:

values(object)

values(object) возвращает массив, содержащий значения все свойств указанного объекта.

Полезные переключатели или флаги командной строки Chrome

Chromium и Chrome поддерживают флаги командной строки, также называемые переключателями. Они позволяют запускать Chrome со специальными параметрами, которые могут помочь вам устранить неполадки, включить определенные функции или изменить функции по умолчанию. В этом посте я поделюсь некоторыми полезными ключами командной строки или флагами для браузера Chrome.

Параметры командной строки Chrome

Параметры командной строки Chrome

Вот несколько переключателей Chromium, которые можно использовать для включения или отключения функций.

  • –Disable-sync
  • –Ash-enable-night-light
  • –Allow-outdated-plugins
  • -инкогнито
  • –Disable-background-mode
  • –Disable-translate
  • –Кнопка-очистка-память
  • –Start-maximized
  • –Disable-gpu
  • –Disable-plugins
  • –Dns-prefetch-disable

1]Временно отключить синхронизацию: –disable-sync

Если вы не хотите синхронизировать все с подключенной учетной записью Google, запустите Chrome с этим флагом. Он отключает синхронизацию данных браузера с учетной записью Google.

2]Включить ночник: –ash-enable-night-light

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

3]Разрешить запуск устаревших плагинов: –allow-outdated-plugins

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

4]Запустите Chrome в безопасном режиме или режиме инкогнито: –incognito

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

5]Отключить фоновые приложения: –disable-background-mode

Полезно, если вы хотите, чтобы Chrome отвечал быстрее и ни одно из фоновых приложений не мешало работе в Интернете.

6]Отключить Google Translate: –disable-translate

Каждый раз, когда вы посещаете веб-сайт на другом языке, Chrome запрашивает перевод на язык по умолчанию. Возможно, вы знаете язык и вам не нужен перевод. Используя этот флаг, вы можете отключить функцию Google Translate.

7]Чтобы Chrome не перегружал ОЗУ: –purge-memory-button

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

8]Запуск Chrome развернут — развернут

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

9]Отключить ускорение графического процессора –disable-gpu

Иногда, когда в Chrome возникают проблемы с воспроизведением видео, вам нужно отключить аппаратное ускорение. Используйте этот флаг при запуске Chrome.

10]Начать с отключенными плагинами –disable-plugins

Хотя вы можете использовать режим инкогнито, чтобы работать с Chrome без какого-либо плагина, но если вы хотите использовать только без плагина, тогда вам пригодится флаг.

11]Отключить предварительную выборку DNS –dns-prefetch-disable

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

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

12]Восстановить последний сеанс при запуске: –restore-last-session

Иногда хром не открывает последний сеанс в случае сбоя. Если это часто случается с вами, добавьте это как постоянную опцию в ярлык.

Как запустить Chrome с флагами?

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

  • Далее создайте ярлык на рабочем столе.
  • Затем щелкните его правой кнопкой мыши и выберите свойства.
  • В конце строки «Target:» добавьте флаги командной строки. Перед флагом нужно добавить двойной тире.
  • Теперь, когда вы запустите Chrome, это будет выглядеть так: chrome.exe —disable-gpu-vsync
  • Когда вы запускаете Chrome, он запускает Chrome с этим флагом.

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

Персональные настройки Google Chrome для каждого пользователя компьютера

Google Chrome в Linux имеет ряд полезных опций, например:

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

Как и многие программы в Linux, Google Chrome поддерживает работу с опциями командной строки — все эти настройки можно указать при запуске веб браузера, но это не очень удобно. Кроме создания ярлыков, есть ещё один удобный способ прописать настройки для каждого пользователя компьютера: все настраиваемые флаги можно указать в файле

/.config/chrome-flags.conf, который является персональным для каждого пользователя.

Информацию об этой возможности вы могли заметить во время установки или обновления Google Chrome:

Как сохранить настройки в файле chrome-flags.conf

Чтобы открыть (или создать, если файл ещё не существует) файл персональных настроек Google Chrome для текущего пользователя выполните команду:

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

Формат файла chrome-flags.conf

Рассмотренные далее настройки (опции) вы можете использовать как в командной строке для запуска веб-браузера (команда запуска называется «google-chrome-stable», также вы можете указать эти настройки в файле

Вы можете использовать следующие форматы:

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

Опции и настройки Google Chrome в Linux

—user-data-dir=ДИРЕКТОРИЯ

Задаёт каталог, в котором хранятся данные пользователя (ваш «профиль»). По умолчанию это $HOME/.config/google-chrome. Отдельные экземпляры Google Chrome должны использовать отдельные каталоги пользовательских данных; повторные вызовы google-chrome (без закрытия активной сессии) будут повторно использовать существующий процесс для данного каталога пользовательских данных.

—app=URL

Открыть URL в «режиме приложения», то есть будуют отсутствовать панели браузера.

—incognito

Открыть в режиме инкогнито.

—new-window ПУТЬ|URL

Если указан ПУТЬ или URL, то в новом окре он будет открыт

—proxy-server=ХОСТ:ПОРТ

Укажите прокси-сервер HTTP/SOCKS4/SOCKS5, который будет использоваться для запросов. Это отменяет любые переменные среды или настройки, выбранные в диалоговом окне параметров. Индивидуальный прокси-сервер указывается в формате: [СХЕМА://]ХОСТ[:ПОРТ]

Где СХЕМА это протокол прокси сервера, им может быть один из:

  • http
  • socks
  • socks4
  • socks5

Если <proxy-scheme> пропущена, то значением по умолчанию является «http». Также помните, что «socks» это эквивалент «socks5».

Использовать HTTP прокси "foopy:99" для загрузки URL: —proxy-server="foopy:99"

Использовать прокси SOCKS v5 "foobar:1080" для загрузки URL: —proxy-server="socks://foobar:1080"

Использовать прокси SOCKS v4 "foobar:1080" для загрузки URL: —proxy-server="socks4://foobar:1080"

Использовать прокси SOCKS v5 "foobar:66" для загрузки URL: —proxy-server="socks5://foobar:66"

Также можно указать отдельный прокси-сервер для разных типов URL-адресов, указав перед спецификатором прокси-сервера спецификатор URL. В следующем примере указывается загрузить URL вида https://* используя HTTP прокси "proxy1:80". И загружать URL вида http://* используя прокси SOCKS v4 "baz:1080": —proxy-server="https=proxy1:80;http=socks4://baz:1080"

—no-proxy-server

Отключает прокси-сервер. Переопределяет любые переменные среды или настройки, выбранные в диалоговом окне параметров.

—proxy-auto-detect

Автоматическое определение конфигурации прокси. Переопределяет любые переменные среды или настройки, выбранные в диалоговом окне параметров.

—proxy-pac-url=URL

Укажите URL автоконфигурации прокси. Переопределяет любые переменные среды или настройки, выбранные в диалоговом окне параметров.

—password-store=<basic|gnome|kwallet>

Установите хранилище паролей для использования. По умолчанию обнаружение выполняется автоматически в зависимости от среды рабочего стола. basic выбирает встроенное незашифрованное хранилище паролей. gnome выбирает Gnome keyring. kwallet выбирает (KDE) KWallet. (Обратите внимание, что KWallet может не надёжно работать вне KDE.)

—version

Показать информацию о версии.

Переменные среды

Google Chrome соблюдает следующие переменные среды:

all_proxy

Сокращение для указания всех http_proxy, https_proxy, ftp_proxy.

http_proxy, https_proxy, ftp_proxy

Прокси-серверы, используемые для HTTP, HTTPS и FTP. Примечание: поскольку настройки прокси-сервера Gnome/KDE могут распространяться на эти переменные в некоторых терминалах, эта переменная игнорируется (в пользу фактических настроек прокси-сервера системы) при работе под Gnome или KDE. Используйте флаги командной строки, чтобы установить их, если вы хотите принудительно установить их значения.

SOCKS_SERVER

Прокси-сервер SOCKS (по умолчанию SOCKS v4, возможно установить на SOCKS_VERSION=5 для использования SOCKS v5).

no_proxy

Список хостов или шаблонов, разделённых запятыми, к которым обращение будет выполняться напрямую, минуя прокси.

Все опции командной строки Google Chrome

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

Если вас интересует полный список флагов Chrome и Chromium, то вы можете обратиться к этим спискам:

30 полезных команд для Google Chrome

Далеко не все пользователи знают, что браузером Google Chrome можно управлять посредством специальных команд или переключателей командной строки Windows. Причем некоторые команды позволяют активировать или отключать важные функции, которые недоступны пользователям в обычных настройках браузера. В этой статье мы рассмотрим, как запускать команды через ярлык браузера, как пользоваться командной строкой для администрирования Хрома, а также расскажем о самых полезных переключателях, которые помогут решить различные проблемы, связанные с работой браузера.

Запуск Chrome с параметрами через ярлык

Запуск ключей или параметров браузера возможен через ярлык. Для этого кликнете правой кнопкой мыши по ярлыку Google Chrome и выберете опцию Свойства:

Во вкладке Ярлык в графе Объект добавьте ключ —incognito после chrome.exe:

Затем нажмите Применить и OK.

Теперь при запуске Chrome через ярлык всегда будет открываться окно браузера в режиме инкогнито.

Несколько профилей пользователя в Google Chrome

Можно также запустить несколько копий Хрома с разными пользовательскими профилями. Например в одном у вас важные данные и сохраненные пароли, а другой используется для обычного серфинга по сомнительным сайтам.
Или у вас один компьютер, а каждому пользователю хочется иметь «свой» Хром на одном рабочем столе.

Делается это с помощью ключа:

—user-data-dir=»ПУТЬ_ПО_ПАПКИ_С _ПРОФИЛЕМ»

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

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

Изменение директории по умолчанию в командной строке Windows

Второй способ предполагает работу с командной строкой или консолью. Для начала необходимо нажать сочетание клавиш Win + R, ввести команду cmd и кликнуть на OK:

На экране появится окно командной строки:

Теперь основная задача сводится к смене базовой директории пользователя (в нашем случае это C:UsersRichard) на директорию, где хранится файл chrome.exe.

Для смены папки необходимо ввести cd и через пробел указать путь к файлу.

Путь отображается в свойствах ярлыка браузера. Достаточно кликнуть правой кнопкой мыши на ярлык Chrome и выбрать Свойства:

Далее необходимо скопировать путь из графы Рабочая папка:

В командной строке введите cd, вставьте скопированные данные через контекстное меню и нажмите клавишу Enter:

Запуск Chrome с параметрами командной строки

Откройте в Chrome несколько вкладок, а затем закройте его. Вернитесь к окну консоли, введите следующую команду и нажмите Enter:

chrome.exe —restore-last-session

Фактически это означает, что нужно запустить файл chrome.exe с параметром —restore-last-session, таким образом, выполнение команды приведет к запуску браузера с недавно закрытыми вкладками.

Аналогичным образом можно выполнить любую команду. Например, для вызова окна браузера в режиме инкогнито используется следующий параметр (иногда их называют «ключами» командной строки):

chrome.exe —incognito

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

Список параметров командной строки для управления Google Chrome

В таблице указаны различные ключи (параметры), которые могут быть полезны как веб-программистам, так и рядовым пользователям. Они часто используются в случаях, когда некоторые функции, элементы интерфейса или настройки браузера не работают должным образом в той или иной операционной системе.

Команда

—user-data-dir=

—ash-force-desktop

—disable-3d-apis

—disable-background-mode

—disable-gpu

—disable-extensions

—disable-plugins

—disable-plugins-discovery

—disable-preconnect

—disable-notifications

—disable-sync

—disable-translate

—dns-prefetch-disable

—kiosk

—incognito

—media-cache-size

—multi-profiles

—mute-audio

—new-profile-management

—no-experiments

—no-pings

—no-proxy-server

—no-referrers

—no-startup-window

—reset-variation-state

—restore-last-session

—ssl-version-min

—show-fps-counter

—start-maximized

—window-position

—window-size

Полный перечень актуальных параметров можно посмотреть на сайте веб-разработчика Peter Beverloo.

голоса
Рейтинг статьи
Ссылка на основную публикацию