Как оформлять Google Таблицы, чтобы с вами хотели работать
Когда полно свободного времени и не знаешь, чем заняться, тогда, конечно, можно неспешно искать нужную информацию в сделанных на скорую руку таблицах. Как только задач станет больше при все тех же 24 часах в сутках, то захочется тратить время на действительно ценные дела.
Для оптимизации времени у нас в Netpeak существует культ доксов, а если точнее — таблиц. Все важные решения мы принимаем именно в таблицах, потому что:
- удобно структурировать информацию;
- информация подана в наглядном виде — удобно сравнивать сложные данные и быстро принимать решения;
- удобно ссылаться на строку/ячейку в диалоге;
- чтобы понять, о чем речь в таблице, достаточно просмотреть ее по диагонали — в отличие от текстового документа, который нужно проскроллить до конца.
Важные таблицы (как и деловые письма) нужно продумывать и проектировать. Оформление — основа таблицы. Делаете таблицу, которой будут долгое время пользоваться одновременно много людей, — позаботьтесь, чтобы информация была понятной.
Использовать максимум оптимизации, автоматизации от Netpeak и увеличить продажи, трафик, а результаты получать в красивых и понятных таблицах можно, оформив заявку на услугу:
Отправить заявку
1. Всегда удаляйте лишние строки и столбцы
Документ должен быть компактным, спокойным и удобным. Старайтесь так структурировать данные, чтобы избежать горизонтального скроллинга.
Чтобы обрезать пустое место на листе в один клик, используйте расширение Crop Sheet. А Remove Duplicates выделит или удалит все повторяющиеся значения. Больше полезных инструментов ищите в нашей подборке дополнений для Google Документов.
2. Единицы измерения указывайте в заголовке колонки
Чтобы убрать значок процента, нужно использовать Find: % и Replace: {ставим пробел}.
*Относится к тем таблицам, у которых много строк с числами, имеющими одинаковую размерность. Не нужно делать таблицу 10 на 200, у которой в каждой ячейке находится знак процента или валюты.
3. Все числа указывайте с одинаковой разрядностью
Уберите избыточность в разрядности (если это не имеет критического значения).
4. Используйте выравнивание по соответствующему разряду
Следуйте правилам:
- числовые данные выравниваются по правой стороне;
- текстовые данные выравниваются по левой стороне;
- заголовки выравниваются так же, как и их данные;
- не используйте выравнивание по центру.
Заголовки должны сохранять выравнивание соответствующих им данных. Вертикальные линии таблицы в этом случае будут выглядеть опрятно, а данные — цельно и согласованно.
{“0”:{“lid”:”1573230077755″,”ls”:”10″,”loff”:””,”li_type”:”em”,”li_name”:”email”,”li_ph”:”Email”,”li_req”:”y”,”li_nm”:”email”},”1″:{“lid”:”1596820612019″,”ls”:”20″,”loff”:””,”li_type”:”hd”,”li_name”:”country_code”,”li_nm”:”country_code”}}
Истории бизнеса и полезные фишки
5. Все числа выводите в формате ### ### ### ##0
Для этого нажмите Menu > Format > Number > More Formats > Custom Number Format > ### ### ### ##0 (добавьте свой вариант).
6. Заголовок и значения столбца выровняйте по одному краю
Сохраняйте заголовки настолько короткими, насколько это возможно. Дизайн таблицы должен фокусироваться на данных. Длинные надписи в заголовках будут мешать этому, занимая огромную часть визуального пространства.
Допускается выравнивание столбца по центру, если заголовок длинный.
7. Выровняйте текст в ячейках по верхнему краю
При необходимости возможно вертикальное выравнивание по центру (когда в одной строке много ячеек с небольшим количеством текста, а в одной из ячеек текста много).
8. Для подсвечивания выбирайте только приглушенные цвета
Неправильно:
Правильно:
9. Вместо комментариев используйте примечания
Комментарии — для обсуждений. Счетчик комментариев отображается внизу на листе.
Если хотите просто добавить информацию, то используйте примечания.
В отличие от комментариев, они не будут отвлекать внимание других пользователей таблицы. Тем более, владелец документа не будет получать на электронную почту назойливые уведомления про реакцию пользователей на комментарии.
Чтобы добавить примечание, используйте один из способов.
10. Используйте как можно меньше «украшений»
Когда вы решаете, как расставить цветовые акценты в таблице, всегда старайтесь уменьшить цветовую насыщенность таблицы без потери структуры. По возможности вообще не стилизуйте элементы.
Больше подробностей про начальный функционал Google Docs/Spreadsheets — фильтры, условное форматирование, выпадающие списки, автозамену — ищите в Google Справке.
Если вам часто приходится работать с таблицами, почитайте телеграм-канал Google Таблицы.
Благодарим за помощь в подготовке статьи Алексея Борща.
20 полезных шаблонов «Google Таблиц» на все случаи жизни
Чтобы использовать понравившуюся таблицу, откройте её по ссылке, затем нажмите «Файл» → «Создать копию».
1. Отслеживание веса и параметров фигуры
vertex42.comЕсли вы хотите похудеть или, напротив, набрать массу, эта таблица вам поможет. Она позволяет фиксировать любые изменения в вашем организме — от обхвата в плечах до процента жировой ткани. После каждой записи таблица автоматически рассчитывает ваш прогресс.
Открыть таблицу →
2. Силовые тренировки
vertex42.comЭта таблица помогает контролировать тренировки с отягощениями — по два занятия в неделю (впрочем, вы можете подкорректировать её под себя). Тут можно отслеживать как ваш индивидуальный прогресс, так и улучшение показателей нескольких человек, если вы занимаетесь в группе.
Открыть таблицу →
3. Работа по дому
vertex42.comЕсли вам нелегко распределить домашние обязанности между домочадцами и у вас постоянно возникают споры, кто, что и когда должен был сделать, вам поможет этот шаблон. В нём можно указать, кто моет кухню, кто готовит завтрак, а кто трудится в саду. Родители, чьи дети не отлынивают от работы по дому, могут с помощью таблицы даже назначать им денежное вознаграждение.
Открыть таблицу →
4. График дежурств
vertex42.comЕщё один шаблон, который поможет назначить работу по дому вашим домочадцам. Его можно распечатать и повесить на холодильник, и тогда никто не сможет сослаться на свою забывчивость.
Открыть таблицу →
5. Список дел
vertex42.comТе, кто считает, что всякие Wunderlist и Todoist не стоят того, чтобы тратить время на создание в них учётной записи, могут вносить свои дела в эту простенькую табличку, а затем просто вычёркивать их по мере выполнения.
Открыть таблицу →
6. Ежедневник
vertex42.comЕсли вышеуказанный список дел кажется слишком уж простеньким, вам подойдёт такой ежедневник. Его можно сохранить в Google Drive и просматривать запланированные задачи с любого устройства. Ну или при желании распечатать и заполнять от руки.
Открыть таблицу →
7. Бюджет путешествия
vertex42.comЭтот калькулятор может рассчитать, сколько денег вы потратите на путешествие, — неважно, собрались ли вы па пару дней в соседний город или хотите устроить кругосветку. Шаблон не только просуммирует траты на отели, транспорт, пропитание и экскурсии, но и отобразит их в виде наглядной круговой диаграммы.
Открыть таблицу →
8. Маршрут путешествия
vertex42.comЕщё один шаблон в помощь путешественникам. С ним вы сможете рассчитать, в какой город и в какое время прибываете и когда уезжаете. Полезная штука, если планируете тур по Европе, к примеру.
Открыть таблицу →
9. Календарь
vertex42.comПростенький календарь, ничего лишнего. Его можно держать в отдельной вкладке браузера и заносить туда запланированные события. Или при необходимости распечатать и повесить на холодильник. Шаблон устроен так, что даты автоматически меняются каждый год, так что вам не придётся беспокоиться об обновлении цифрового варианта.
Открыть таблицу →
10. Личный и семейный бюджет
vertex42.comДве таблицы, которые пригодятся при планировании личного (если вы живёте один) или семейного бюджета. Внесите данные в ячейки и увидите, сколько денег у вас останется в конце расчётного периода. Так вы сможете узнать, какие расходы лучше урезать, чтобы сэкономить нужную сумму.
Открыть таблицу (личная версия) →
Открыть таблицу (семейная версия) →
11. Инвентарный список
vertex42.comЭтот шаблон пригодится тем, кому необходимо точно знать, какие вещи и в каком количестве лежат у него дома. Например, если вы сдаёте жильё в аренду, инвентарный список вам точно понадобится.
Открыть таблицу →
12. Калькулятор сбережений
vertex42.comКопите деньги на безбедную старость? Вот шаблон, в котором можно вести расчёты отложенных средств. Вводите свои доходы и узнаете, в каком возрасте сможете бросить опостылевшую работу.
Открыть таблицу →
13. Планирование вечеринок
vertex42.comС этим шаблоном можно легко отслеживать, сколько гостей к вам придёт на уютные домашние посиделки или шашлыки. Какую еду они принесут, сколько денег вложат, возьмут ли с собой детей… В общем, всё, что нужно учесть, прежде чем закатить долгожданный пир.
Открыть таблицу →
14. Сравнение автомобилей
vertex42.comПокупка нового авто — серьёзный шаг. Прежде чем выбрать четырёхколёсного коня, нужно сопоставить все доступные варианты и учесть их преимущества и недостатки. Заполните таблицу, указав все параметры сравниваемых машин, и сможете принять верное решение.
Открыть таблицу →
15. Журнал техобслуживания
vertex42.comКогда автомобиль уже куплен, может сложиться впечатление, что самое трудное позади. Увы, трудности только начинаются, ведь за машиной нужно ухаживать. Этот шаблон поможет подсчитать сумму трат на обслуживание и ремонт вашего авто.
Открыть таблицу →
16. Журнал пробега
vertex42.comВнесите в форму показания одометра, количество залитых литров и их стоимость и сможете увидеть цену одного километра пробега вашего авто. К сожалению, владельцам Tesla этот шаблон не подойдёт.
Открыть таблицу →
17. Список контактов
vertex42.com«Google Контакты» — великолепная штука, но иногда нужно альтернативное место для хранения адресов. Например, вам надо скопировать куда-то рабочие номера коллег, которые только занимают место в основном аккаунте Google. Или собрать базу клиентов для холодных звонков. Тут придёт на помощь вот такой простенький список контактов, данные в котором можно сортировать как угодно встроенными средствами «Google Таблиц».
Открыть таблицу →
18. Диаграмма Ганта
vertex42.comДиаграмма Ганта — это популярный тип столбчатых диаграмм (гистограмм), который используется для иллюстрации плана или графика работ по какому-либо проекту. С помощью этого шаблона вы сможете составлять детальный план действий и отслеживать их выполнение.
Открыть таблицу →
19. Семейное древо
vertex42.comИзучение своей генеалогии довольно увлекательное занятие. Иногда оно может быть даже полезным — вдруг у вас в родне есть какой-нибудь граф, у которого случайно завалялось наследство. Но в большинстве случаев построение семейного древа просто интересное развлечение.
Открыть таблицу →
20. Коммунальные платежи
alexpoyarkov.ru/Эта таблица вам пригодится, чтобы рассчитывать траты на квартиру. Введите свои тарифы за горячую и холодную воду, водоотведение, электричество и газ, а затем внесите показания счётчиков в колонку «Факт», и шаблон покажет, сколько нужно будет заплатить в этом месяце.
Открыть таблицу →
Читайте также 🧐
Меню “Таблица” – Работа с сервисами Google
Данный пункт меню состоит из 11 строк с помощью которых можно осуществлять управление таблицами:Все эти строки меню объединены в пять блоков:
Блок “Создание таблицы”
Меню “Вставить таблицу”
Вставляет таблицу в позицию курсора. При наведении мыши на этот пункт справа открывается окно выбора размеров таблицы. С его помощью (выбором курсора) задается размер вставляемой таблицы. Дублирует меню Вставка → ТаблицаБлок “Вставка элементов”
Меню “Вставить строку выше”
Вставляет строку выше строки с курсором
Меню “Вставить строку ниже”
Вставляет строку ниже строки с курсором
Меню “Вставить столбец слева”
Вставляет столбец слева от столбца с курсором
Меню “Вставить столбец справа”
Вставляет столбец справа от столбца с курсором
Блок “Удаление элементов”
Меню “Удалить строку”
Удаляет текущую строку
Меню “Удалить столбец”
Удаляет текущий столбец
Меню “Удалить таблицу”
Удаляет текущую таблицу
Блок “Объединение ячеек”
Меню “Объединить ячейки”
Данное меню будет доступно только при выделении двух и более ячеек. При его выполнении (выделение должно представлять собой прямоугольную область) все выделенные ячейки будут объединены в одну. При этом, если ячейки были заполнены, то в объединенной ячейке будут несколько строк с содержимым всех объединенных ячеек.
Меню “Отменить объединение ячеек”
Блок “Настройка свойств”
Меню “Свойства таблицы”
Данное меню позволяет настроить свойства таблицы. При выборе этого меню открывается окно:
В этом окне можно выделить следующие блоки:
- Границы таблицы – с помощью двух раскрывающихся меню можно выбрать цвет и толщину границ таблицы.
- Цвет фона ячейки – позволяет выбрать фон ячейки.
Действует на текущую ячейку или на выделенные ячейки - Вертикальное выравнивание ячеек – позволяет выбрать один из вариантов вертикального выравнивания текста в ячейке:
- По верхнему краю
- По центру
- По нижнему краю
- Порядок столбцов – позволяет установить порядок следования столбцов
- Слева направо
- Справа налево
- Размеры – позволяет установить пользовательские размеры столбцов и строк. Действует на текущий столбец/строку или на текущее выделение. Состоит из трех параметров:
- Ширина столбца – позволяет установить произвольную ширину столбца
- Минимальная высота строки – позволяет установить минимальную высоту строки. Максимальная высота строки определяется текстом в соответствующих ячейках и не может быть уменьшена так, чтобы отсечь часть информации в ячейке
- Поля ячеек – определяет отступ текста от границ ячейки
- Выравнивание таблицы – позволяет выбрать выравнивание всей таблицы относительно краев рабочей области страницы:
- слева
- по центру
- справа
Как импортировать и обработать данные с помощью Google Spreadsheets
Google Spreadsheets многими позиционируется как «младший брат» Microsoft Excel. Формально оно, конечно, так и есть: набор функций и детальность инструментов Excel позволяет проводить операции с данными с хирургической точностью. В то же время Google Spreadsheet, как и любой другой продукт Google Docs, опережает Excel в плане удобства совместной работы.
Облачная основа сервиса от Google делает его еще и отличным инструментом для сбора и постоянного обновления данных из сети: будь то данные веб-страницы или ячейки из другой таблицы Google.
Импорт и парсинг данных
Таблицы Google имеют набор гибких инструментов для сбора внешних данных. Функции импорта таковы:
ImportRange — импорт данных из другой таблицы Google
С помощью этой формулы можно избежать дублирования данных и импортировать их из существующей таблицы Google.
IMPORTRANGE(“https://docs.google.com/spreadsheets/d/abcdefghijklmn123”, “Лист1!A1:C10”) |
Если документ, из которого берут данные, имеет ограничение доступа, то его редакторам необходимо будет единоразово разрешить доступ для документа. После этого любой редактор документа сможет импортировать любые данные из таблицы-источника. Если пользователь, давший доступ к документу, теряет на него права доступа, то теряются и права доступа для документа, импортировавшего данные.
ImportHTML — импорт таблиц и списков из веб-страницы
В качестве параметров надо указать адрес веб-страницы, тип данных («table» или «list»), и порядковый номер таблицы, данные которой импортируются.
Как узнать порядковый номер таблицы? Ответ нам даст исходный код страницы и инструменты разработчика Chrome. Для этого делаем следующее:
- Кликаем правой кнопкой мыши на области, которую занимает интересующая таблица, выбираем в меню «Показать исходный код».
- Откроется окно, где покажется дерево элементов исходной страницы. Скорее всего, автоматически выделится не сам элемент таблицы, а какой-то из дочерних элементов. Нас же интересует родительский элемент table. Идем вверх по дереву и находим его. Если таблица найдена правильно, при наведении мыши на веб-странице должна подсветиться область с нашей таблицей.
- Когда таблица найдена, кликаем на ней правой кнопкой мыши и выбираем «Copy — Copy XPath». Затем в любом текстовом редакторе вставляем из буфера обмена текст, который будет выглядеть приблизительно так: //*[@id=»mw-content-text»]/table[3]. Число в квадратных скобках в конце — это порядковый номер нашей таблицы, начиная с нуля. Поэтому чтобы использовать его в таблицах Google, нужно добавить к нему единицу.
ImportXML — импорт других данных с веб-страницы
Используется, если вам нужно вытянуть из веб-страницы любую информацию, которая выходит за рамки таблицы или списка. Например, заголовки h2 по странице с заданной ссылкой:
Второй параметр формулы ImportXML — адрес XPath — добывается точно таким же способом, что описан выше. Впрочем, если вас смущает нагромождение лишних символов в автоматически сгенерированном адресе, всегда можно ознакомиться с документацией XPath и попробовать составить свой адрес XPath. Например, в нашем случае с равным успехом сработал бы простой адрес «//h2».
GOOGLETRANSLATE — Автоматический перевод текста внутри листа
Радикально сокращает объем работы при сборе семантического ядра для мультиязычной аудитории.
Будьте осторожны: как и любая система автоматического перевода, Google Translate не может угадать ваши мысли. Особенно это касается ключевых слов, содержащих имя бренда: оно почти без исключений не подлежит переводу. Поэтому ручной контроль при использовании этой формулы обязателен.
IMAGE — изображение внутри ячейки
Эта функция будет полезной для оформления и брендирования отчетов внутри Google Spreadsheets. Синтаксис незамысловатый, при желании можно добавить параметры для трансформации изображения.
Как импортировать данные из Google Analytics?
Первая мысль, которая приходит в голову, когда появляется необходимость получить данные из Google Analytics в формате электронных таблиц — перейти к нужному отчету в веб-интерфейсе и выгрузить данные стандартным методом через кнопку «Экспорт». Однако в этом случае вы столкнетесь с рядом ограничений, а также достаточно корявым внешним видом получившихся результатов.
Куда более элегантный способ — воспользоваться официальным расширением для таблиц Google с говорящим названием Google Analytics Spreadsheets Add-On. Установить его можно, перейдя по ссылке, либо же перейдя по меню «Дополнения — Установить дополнения»:
С его помощью можно прямо в таблице задать временной диапазон, а также все параметры и показатели вручную. Кроме того, вы можете указать параметры сортировки, фильтрации и сегментирования данных.
Чтобы охватить все возможности этого расширения, необходима отдельная статья. Наиболее полное руководство руководство по Google Analytics Spreadsheets Add-on на русском языке написал Алексей Селезнев на блоге Нетпика. Рекомендуем начать знакомство с нее, а в случае необходимости — ознакомиться с официальной документацией Google.
Агрегирование данных
Когда приходится работать с экспортированными данными из систем аналитики, умение быстро и эффективно группировать нужные данные сэкономит массу времени.
Сводные таблицы
Сводные таблицы важно уметь использовать, когда нужно автоматически сгруппировать данные по различным показателям с возможностью быстро изменять параметры группировки, сортировки и фильтрования.
В качестве примера возьмем данные по источникам трафика, сессиям и конверсиям для интернет-магазина за последние семь дней.
Сводные таблицы — то, что поможет нам вытащить любую комбинацию данных по столбцам и строкам из этой таблицы. Выделив нужный диапазон, жмем меню «Данные — Сводная таблица». Откроется пустой новый лист с меню настроек справа. Чтобы удобно просмотреть информацию по каждому дню, выполняем в боковом меню следующие пункты:
- В меню «Строки» выбираем «ga:SourceMedium», а в меню «Столбцы» — «ga:day».
- В меню «Значения» выбираем интересующий показатель — пользователи, сессии либо количество выполненных целей.
В результате получаем таблицу с удобно сгруппироваными по источнику и разбитым по дням конверсиями:
Фильтрация таблиц
Выгруженные «сырые» данные из инструментов веб-аналитики порой содержат куда большее количество данных, чем нас интересует. Вот, например, выгрузка показателей по страницам сайта с тематикой «Курсы программирования»:
Пусть перед нами стоит задача просмотреть только страницы, посвященные поисковым запросам. Для движка WordPress, например, это будут все страницы с параметром ?s=поисковой запрос. Выделяем интересующий нас диапазон, при желании даем ему название, и выбираем в меню «Данные — Фильтры — создать новый фильтр». Внешний вид таблицы слегка изменится. Кликнув на иконке в правой части ячейки-заголовка, мы теперь можем указать необходимый нам параметр фильтра: «Фильтровать по условию — текст содержит s=«.
Фильтры можно сохранять — на случай, если их несколько и между ними нужно часто переключаться, а тем более если условий фильтрации несколько.
Скрипт. Прочитаем, что написано на стикерах. OCR в Google Docs
Недавно нам потребовалось распознать текст, который был написан на нескольких сотнях стикеров. В Google Документах доступна функция OCR (optical character recognition), ей мы и воспользовались.
Мы нашли скрипт, немного модифицировали его и выкладываем в Таблице с примером.
Работает он так:
- На листе «config» задаете название папки на вашем Google Диске с PNG / JPG (OCR работает с этими форматами файлов) и задаете лист, на который сохранится результат.
- Скрипт проходится по всем изображениям в заданной папке, сохраняя их копию в Doc. Внутри Doc будет распознанный текст.
- Дальше этот текст, ID и URL Документа скрипт вставит в Таблицу.
Чтобы скрипт заработал — активируйте Drive Api в редакторе скриптов (Ресурсы → Дополнительные функции Google)
Таблица со скриптом (файл → создать копию).
Папка со стикерами (сделайте копию, если захотите попробовать скрипт на нашей папке).
Про OCR почитать можно еще тут и тут.
Юля Залиховская
Руководитель отдела продаж
Узнайте о рекламе для вашего бизнеса!
Задайте Юле вопросы о продвижении сайта в интернете.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности
ЗаключениеGoogle Spreadsheets — удобный инструмент для работы с данными из сети. Кроме того, он содержит достаточно возможностей по агрегированию и фильтрации данных, что помогает решать достаточно нетривиальные задачи по обработке данных.
Если у вас возникли вопросы относительно того, как решить ту или иную задачу в Google Spreadsheets — опишите ее в комментариях и мы поможем с ней справиться.
Заполнение ячеек в Google Таблицах
Google ТаблицыВнесение данных в ячейки
Существует несколько способов для того, чтобы ввести данные в ячейки в Google Таблицах:
- Выбрать нужную ячейку — Напечатать необходимые данные — Нажать Enter (для перехода в ячейку ниже) или Tab (для перехода в ячейку правее)
- Выбрать нужную ячейку — Напечатать необходимые данные в строке формул — Нажать Enter.
Вставка скопированных данных
Если вы скопировали данные из внешнего источника (Microsoft Excel, другая таблица и т.п.) и хотите вставить их в Google Таблицу, это можно сделать несколькими способами.
Кликните по ячейке, в которую хотите вставить данные, правой кнопкой мыши и выберите «Специальная вставка». У вас появится возможность выбрать, как именно вы хотите вставить скопированные данные:
Специальная вставкаАвтозаполнение
Упростить работу с таблицами можно с использованием автозаполнения.
Умное заполнение ячеек
Пользователям Google Таблиц стал доступен инструмент умного заполнения ячеек (SmartFill). Похожий функционал мгновенного заполнения уже знаком пользователям Excel.
Инструмент анализирует соседние ячейки и на основании введенных пользователем данных предлагает дозаполнить таблицу с помощью выявленных закономерностей.
Умное заполнение в Google ТаблицахДля того, чтобы инструмент сработал, достаточно заполнить одну или несколько ячеек, после чего появится предложение, с которым можно согласиться или проигнорировать его.
Таблица сама создаст подходящую формулу и заполнит ей оставшиеся ячейки.
Умное заполнение в Google ТаблицахОпция включена по умолчанию. Отключить ее можно в меню Инструменты — Включить автозаполнение.
Комбинация клавиш для принудительного запуска инструмента:
Windows: Ctrl + Shift + Y
Mac: Cmd + Shift + Y
История изменений отдельных ячеек
В Google Таблицах появилась уникальная функция — возможность посмотреть историю изменений для каждой ячейки в таблице.
Для просмотра истории изменений необходимо кликнуть правой кнопкой мыши по ячейке и выбрать в контекстном меню пункт Показать историю изменений.
В появившемся всплывающем окошке вы увидите, кто из пользователей производил изменения и в какое время.
Если изменений было несколько, с помощью стрелок можно перемещаться между ними. Первым будет отображено самое свежее изменение.
13 продвинутых функций Google Таблиц
Алёна Игнатьева, редактор-фрилансер, специально для блога Нетологии написала колонку о продвинутых функциях Google Таблиц, о которых мало кто знает.
Google Таблицы с каждым годом набирают всё большую популярность. В отличие от Microsoft Excel они бесплатны, работают из браузера, позволяют нескольким пользователям работать над одним документом одновременно и просмотреть все изменения, сделанные в файле в хронологическом порядке.
Также у Google Таблиц есть множество интересных функций, которые значительно упрощают работу. В этой статье я расскажу о 13 самых интересных.
Многим знакомы стандартные сочетания Ctrl+C и Ctrl+V. Но кроме них в Таблицах существует множество других сочетаний, например, Ctrl+Alt+M — добавить комментарий. Чтобы ознакомиться со всеми сочетаниями, зайдите в «Справка» ⟶ «Быстрые клавиши» или с помощью сочетания Ctrl+/.
Вставить изображение достаточно просто. «Вставка» ⟶ «Изображение» и выбираем картинку. Результат будет выглядеть следующим образом:
Но что делать, если необходимо закрепить картинку в нужной клетке? Не нужно ее сжимать вручную и подгонять под размер клетки. Для этого существует функция «Image», которая фиксирует картинку в заданной ячейке.
Выбираем клетку, пишем функцию IMAGE(«ссылка/URL изображения») и получаем картинку, зафиксированную в клетке.
Существуют четыре варианта данной формулы:
- IMAGE(“URL изображения”;1) — изменяет размер изображения таким образом, чтобы оно целиком помещалось в ячейке. Сохраняет соотношение сторон изображения.
- IMAGE(“URL изображения”;2) — растягивает или сжимает изображение так, чтобы оно целиком помещалось в ячейке. Не сохраняет соотношение сторон изображения.
- IMAGE(“URL изображения”;3) — размещает изображение в оригинальном размере. Может приводить к кадрированию изображения.
- IMAGE(“URL изображения”;4) — позволяет указать размеры изображения вручную. Для этого нужно добавить к формуле высоту и ширину изображения в пикселях, например, =IMAGE(“URL изображения”;4;70;40).
Эта функция полезна, когда над одним документом работают несколько человек. Если хотите, чтобы коллега увидел новый комментарий, добавьте + и выберите его адрес.
Аналогично с Excel, в Таблицах есть настраиваемый фильтр. Для это выберите «Данные» ⟶ «Создать фильтр». Теперь настройте фильтр в зависимости от задач. В таблице можно фильтровать по значению (выбрать только овощи), или по условию (например, только непустые ячейки).
Актуально, когда в файле есть важные данные, которые надо защитить от изменения. Для этого выбираем клетку/диапазон/лист, который хотим защитить, затем кликаем правой кнопкой мыши и выбираем «Защитить диапазон». В появившемся окне справа проверяем диапазон, задаем название и нажимаем кнопку «Задать разрешения».
Здесь вы можете задать тех людей, которым доступно редактирование, или установить предупреждение для редактирования.
Таблицы Google позволяют генерировать QR-код с любыми входными данными. Для это нужно просто воспользоваться формулой IMAGE(«https://chart.googleapis.com/chart?chs=250×250&cht=qr&chl=»&A1), где А1 — ячейка, в которой находятся данные для QR-кода.
К сожалению, данная формула не работает, если в тексте есть пробелы. Но эту проблему можно обойти, заменив пробелы на знак +, тогда при считывании они заменяются на пробелы.
Электронная таблица Google Doc не переносит текст при редактировании
Когда я редактирую текст в ячейке, редактор принуждает весь текст к одной строке. Когда я выхожу из ячейки, она возвращается к обертыванию просто отлично, но меня раздражает то, что когда я дважды щелкаю по ячейке, она расширяется и помещает мой курсор в конец ячейки. Я бы предпочел, чтобы он остался прежним и поместил мой курсор в строку, где я щелкнул, как это делается в excel. Вот о чем я говорю:
Если у кого-то есть какие-либо идеи о том, как получить это желаемое поведение, дайте мне знать.
excel google-sheets google-drive-api google-docsПоделиться Источник Hoopdady
4 ответа
3
Самое большее, что я получил, – это предотвратить максимальное расширение ячейки, выполнив обертку вручную (Ctrl+Enter). По возвращении в камеру обертка сохраняется.
Поделиться wchiquito 17 октября 2013 в 15:03
2
Выберите нужную ячейку, перейдите в строку меню: Формат > перенос текста > перенос
Поделиться Peleg Tabib 28 января 2015 в 02:40
1
У меня была та же проблема. Ctrl + E работает и, кажется, это единственный способ обернуть текст. Было бы лучше иметь опцию WRAP TEXT в FORMAT options.
Поделиться Feisal 15 декабря 2013 в 10:38
- Электронная таблица Google содержит некоторый текст
У меня есть электронная таблица google, и я хочу создать функцию, которая записывает что-то в ячейку, если уже заполненная ячейка содержит какой-то текст. Пример: у меня есть ячейка B, которая содержит Example A. Я хочу проверить, содержит ли ячейка B xam, и если она содержит, Я хочу написать…
- Google apps электронная таблица родительская папка ID
У меня есть электронная таблица google, которая отслеживает файлы и их имена, находящиеся в папке, где находится электронная таблица. Я посмотрел и не могу найти, как получить местоположение или ID этого листа В скрипте MS CMD это будет %~dp0. Как это сделать в скрипте электронных таблиц google…
0
Я столкнулся с той же проблемой и обнаружил, что это связано с условным форматированием. когда я удаляю Условное форматирование, перенос текста работает нормально.
Похожие вопросы:
Электронная Таблица Google
У меня есть электронная таблица w/ на двух листах. Лист 1 содержит столбец имен и столбец чисел. Лист 2 ссылается на данные из листа 1. Лист 1 +—+——+——–+ | | A | B | +—+——+——–+…
Форма электронной таблицы Google Docs / разрешения
У меня есть электронная таблица Google Doc, для которой я создал собственную форму. Я скопировал код формы и интегрировал его в свою собственную страницу здесь . Эта форма работала до тех пор, пока…
электронная таблица google email
Почему электронная таблица Google имеет другой ID, чем тот, который отображается в адресной строке?
В Google spreadsheet я вижу в адресной строке, что мой doc url – это https:/ / docs.google.com/spreadsheet/ccc? key=0AuQ7FOvczgvFdHVzRXFKLTF1dHM5dk1qr1vzngfdngc#gid=0 Однако, когда я пишу…
Электронная таблица Google: шифрование содержимого ячейки с помощью Google Apps Script
У меня есть электронная таблица Google, и я хотел бы зашифровать содержимое нескольких ячеек (мне все равно, какой метод шифрования используется, пока существует эквивалентный метод расшифровки для…
Электронная таблица Google содержит некоторый текст
У меня есть электронная таблица google, и я хочу создать функцию, которая записывает что-то в ячейку, если уже заполненная ячейка содержит какой-то текст. Пример: у меня есть ячейка B, которая…
Google apps электронная таблица родительская папка ID
У меня есть электронная таблица google, которая отслеживает файлы и их имена, находящиеся в папке, где находится электронная таблица. Я посмотрел и не могу найти, как получить местоположение или ID…
Google doc игнорирует формы microsoft word при отправке
Электронная таблица Google Docs до JSON
Я видел множество статей на эту тему, но они кажутся устаревшими, например, ни один из URL-адресов электронных таблиц Google Docs не имеет ключевого параметра. Я читал это, как хорошо: JSON данные…
Отложенное выполнение при редактировании с помощью Google Apps Script
У меня есть относительно большая электронная таблица (300 строк, 30 столбцов), которую я раскрашиваю на основе значений в электронной таблице. Я делаю доступ к API минимально используя только два…
Google запускает инструмент отслеживания работы и конкурента Airtable, таблицы – TechCrunch
Собственный инкубатор Google Area 120 сегодня представляет новый инструмент для отслеживания работы, Таблицы, который призван сделать отслеживание проектов более эффективным за счет инвестиций в автоматизацию. Вместо простого отслеживания заметок и задач, связанных с проектом, в различных документах, которые должны обновляться вручную членами команды, боты Tables помогают делать такие вещи, как планирование повторяющихся напоминаний по электронной почте, когда задачи просрочены, отправка сообщений в чат при получении новых отправок , перемещение задач в чужие рабочие очереди или обновление задач при изменении статусов.
Решение предназначено для использования в различных сценариях использования, включая управление проектами, ИТ-операции, отслеживание клиентов и CRM, набор персонала, разработку продуктов и многое другое.
«Я работаю в сфере высоких технологий уже давно, в том числе 10 лет в Google», – объясняет генеральный директор Tables Тим Глисон в объявлении о новой услуге. «И за годы работы в команде мне всегда было трудно отслеживать проекты. Наши команды хранят заметки и связанные с ними задачи в разных документах.Эти документы всегда устаревали. Нам придется вручную синхронизировать данные между ними. И я тратил много времени на координацию между членами команды, чтобы расставить приоритеты и обновить статусы. Я тратил больше времени на отслеживание работы, чем на ее работу », – говорит он.
Кредиты изображений: Google
Напротив,Tables призван взять на себя некоторые из этих дополнительных ручных процессов – например, сбор данных из разных источников, их сопоставление, вставка в другой документ и последующая передача, например.Однако инструмент предназначен для работы с существующей технологией Google. Это делает его лучшим выбором для тех, кто уже вложил средства в экосистему Google, такую как онлайн-документы, контакты и многое другое.
Чтобы начать работу с таблицами, вы можете импортировать данные из Google Sheets (или .CSV), обмениваться данными с вашими группами Google и назначать задачи людям, найденным в ваших контактах Google. Вы также можете начать работу с одним из включенных шаблонов, если хотите.
Боты обрабатывают автоматизированные действия, а сами данные могут быть представлены по-разному, например, в виде сетки, списков записей, канбан-досок и карт.Формы позволяют собирать данные «на лету», не открывая людям прямой доступ к вашим таблицам.
В преддверии своего публичного дебюта Tables тестировалась с тысячами активных пользователей, которые отслеживают работу и сотрудничают с членами команды, сообщает Google.
Кредиты изображений: Google
Tables также является одним из немногих проектов Area 120, запускаемых с платной бизнес-моделью. Сегодня другие проекты Area 120, такие как продавец билетов Fundo, платформа разговорной рекламы AdLingo и недавно запущенный Google Orion WiFi, также имеют платные модели.В случае таблиц, человек может использовать таблицы бесплатно с поддержкой до 100 таблиц и 1000 строк. Платный план, между тем, стоит 10 долларов на пользователя в месяц и поддерживает до 1000 таблиц и 10000 строк. Этот план также включает поддержку больших вложений, дополнительных действий и расширенной истории, совместного использования, форм, автоматизации и представлений.
Проект явно нацелен на то, чтобы задействовать растущий интерес к платформам баз данных без кода, основанным на таблицах. Лидер в этой сфере, Airtable, недавно завершила финансирование серии D в размере 185 миллионов долларов, оценив свой бизнес в 2 доллара.585 миллиардов, пост-деньги. Преимущество Google в том, что это не отдельное решение, которое должно работать для интеграции с другими источниками данных и инструментами связи. Он может подключаться к другим инструментам, которые команда уже использует для управления своей работой, например, к Google Таблицам. Однако на веб-сайте Tables указано, что продукт может работать со Slack.
Tables теперь доступен в США как с бесплатными, так и с платными планами.
действий в Google Smart Home | Разработчики Google
действие.devices.traits.Dock – эта черта предназначена для самостоятельных мобильных устройств, которым можно приказать вернуться для зарядки.
По большому счету, в настоящее время это роботы-пылесосы, но это также относится и к некоторым дроны, роботы-доставщики и другие устройства будущего.
АТРИБУТЫ устройства
Нет.
СОСТОЯНИЯ устройства
Устройства с этой характеристикой могут сообщать следующее
заявляется как часть операции QUERY . Учить
подробнее об обработке намерений QUERY см.
Исполнение намерения.
| Штаты | Тип | Описание |
|---|---|---|
пристыкован | логический | Обязательно. Подключено ли устройство к док-станции или нет. |
Примеры
Прикреплено ли мое устройство к док-станции?
{
"isDocked": правда
} КОМАНДЫ устройства
Устройства с этим признаком могут реагировать на следующие
команды как часть операции EXECUTE .Учить
подробнее об обработке намерений EXECUTE см.
Исполнение намерения.
action.devices.commands.Dock Установите устройство в док-станцию.
Параметры
| Параметры | Тип | Описание |
|---|---|---|
Нет объектов | ||
Примеры
Установите мое устройство в док-станцию.
{
"команда": "действие.devices.commands.Док",
"params": {}
} ОШИБКИ устройства
Посмотреть полный список ошибки и исключения.Никогда не устанавливайте умную колонку Google Home или Nest Mini так, как этот
Сверхпрочная клейкая лента может удерживать Google Home Mini у стены, но это вряд ли лучший способ закрепить умный динамик.
Дейл Смит / CNETБольшинство людей распаковывают свой новый умный динамик Google Home Mini или Nest Mini и сразу же устанавливают его на стол или стойку, где он всегда будет воспроизводить музыку, направленную в потолок. Но вы можете добиться лучшего звука (и разговора, когда приходят друзья), вместо этого повесив его на стену. Это поможет вашему Mini звучать лучше, скорее всего, вы лучше , и, вероятно, не будет собирать столько пыли и грязи теперь, когда они не загромождают вашу кухонную столешницу, тумбочку или тумбочку.
Я должен знать – я потратил восемь дней на сверление, прихватку и, в одном случае, даже на клейкую ленту пяти Google Home и Nest Minis к своим стенам, чтобы выяснить, какие методы являются самыми простыми, прочными и красивыми для крепления ваших Мини на твоей стене.
Советы Google Home
Все последние новости Google доставляются на ваш почтовый ящик. Это бесплатно!
Новый Nest Mini имеет встроенную выемку на основании, благодаря чему новейший интеллектуальный динамик начального уровня от Google немного проще повесить, чем Google Home Mini предыдущего поколения.Тем не менее, есть еще множество других хороших, плохих и (определенно) уродливых способов снять ваш Mini со стола.
Молли Прайс из CNET опубликовала потрясающее руководство по настенному монтажу Nest Mini, которое послужило моей отправной точкой. С этого момента я позволил воображению и старомодному духу DIY указать путь. Читайте дальше, чтобы узнать, как вы должны абсолютно , а не , пытаться прикрепить Mini к стене, а также о том, что отлично сработало для меня, включая некоторые вторичные адаптеры, которые вы можете получить за 15 долларов или меньше.
Ни в коем случае не закрепляйте свой Google Home Mini или Nest Mini так, как это.
Не только канцелярская кнопка не кажется прочной, удерживая Nest Mini, она отталкивает динамик от стены и выглядит как MacGyvered в плохом смысле.
Дейл Смит / CNETНезависимо от того, какая у вас версия Mini, есть несколько способов настенного монтажа, которые кажутся очевидными и простыми, но которые не помогли, когда я попробовал их.Избавьте себя от горя падающего динамика и бесполезной дыры в стене и не пробуйте ничего из этого.
Thumbtack : Да, технически это сработает, но после утомительного полудня, когда двери закрывались очень аккуратно и не воспроизводили музыку достаточно громко, чтобы наслаждаться ею из-за страха, что Mini отскочит от стены, я снял ее. Плюс Mini просто как бы свисает со стены – весь потрепанный и никакого шика.
Гвоздь : То же самое, что и с канцелярской кнопкой, только остается отверстие большего размера.Если вы собираетесь установить настоящую фурнитуру в стену, воспользуйтесь одним из методов, описанных ниже.
Command Hooks : Хотя Command Hooks (7 долларов за восемь крючков с максимальной емкостью 1 фунт на Amazon) технически делают свое дело, они немного неуклюжи, и динамик на них не чувствует себя в безопасности. Основание крючка выступает над динамиком, а крючок отталкивает Mini так далеко от стены, что он даже не касается.
Командный крючок с максимальной грузоподъемностью 1 фунт может помочь, если вы не против эстетики в стиле подсобного помещения.
Дейл Смит / CNETДвусторонняя лента из вспененного материала : Я действительно думал, что это будет лучший способ настенного крепления Mini на плиточном фартуке моей кухни, но монтажная лента 3M, которую я использовал, просто отказалась приклеиваться к нескользящей основе Minis. Я даже попытался покрыть всю основу изолентой, надеясь, что дополнительная площадь решит проблему, но без кубиков.
Клейкая лента : если вы не стремитесь к своего рода постапокалиптической эстетике выживания, сверхпрочная черная клейкая лента Gorilla (8 долларов на Amazon) просто выглядит отвратительно, как бы вы ее ни приклеивали.Если вы не уверены, посмотрите фото выше.
Сейчас играет: Смотри: Новый Nest Mini обещает лучший звук и более интеллектуальные функции
2:23
Самые безопасные и удобные способы крепления динамика Google Home Mini
При установке этого небесно-голубого Nest Mini за диваном скрывается большая часть кабеля питания умного динамика.
Дейл Смит / CNETGoogle включил встроенный паз для настенного монтажа Nest Mini, поэтому вам не понадобится дополнительное оборудование, если у вас есть интеллектуальный динамик последнего поколения от Google.
Преимущество этого метода в том, что вы можете сделать это менее чем за пять минут, не покупая дополнительное оборудование. Обратной стороной является то, что довольно очевидный шнур питания, торчащий снизу, сложно скрыть.Официальные инструкции Google по настенному креплению Mini разбивают его на три основных этапа:
1. Выберите место рядом с розеткой.
2. Просверлите винт в стене, при необходимости используя анкер.
3. Повесьте трубку.
Чтобы избежать использования анкера, установите деревянную стойку за гипсокартоном и просверлите винт прямо в ней. Я использовал магнитный искатель шипа CH Hanson (7 долларов на Amazon), чтобы повесить мой новый небесно-голубой Nest Mini в гостиной, так, чтобы спинка моего дивана закрывала большую часть кабеля питания.
Адаптер Dot Genie Backpack для Google Home Mini использует розетку для крепления динамика на стене, что особенно хорошо работает на кухне, где обычно есть розетки прямо над столешницей.
Дейл Смит / CNETПриобретайте кронштейны, настенные крепления или другие аксессуары для вторичного рынка.
Этот зажим для настенного монтажа Google Home Mini от FStop Labs стоит 10 долларов за упаковку из двух штук на Amazon и является почти самым низким профилем зажима, доступным для Mini.
Дейл Смит / CNETСуществуют десятки аксессуаров сторонних производителей, которые вы можете использовать для настенного крепления вашего Google Home Mini без выемки (а также Nest Mini, если вам нужна альтернатива прилагаемой выемке), стоимостью от 5 до 15 долларов. В Google Store есть только один вариант за 15 долларов, настенное крепление Incipio для Google Home Mini, но на Amazon, как и на eBay, множество вариантов. Большинство креплений относятся к одной из трех категорий:
Крепежные скобы : это небольшие пластиковые скобы, которые крепятся к стене винтами и удерживают Mini на месте.Настенное крепление Incipio (15 долларов в магазине Google) является одним из примеров, но я выбрал более дешевый, почти идентичный зажим от FStop Labs (10 долларов за двоих на Amazon). Те же плюсы и минусы, что и при установке с помощью выемки Nest Mini.
Адаптеры розеток : Мой любимый адаптер розеток – рюкзак Dot Genie Google Home Mini (13 долларов на Amazon). В отличие от других аналогичных продуктов, которые наматывают обычный кабель питания мини-динамика в неприглядную катушку, Dot Genie поставляется с собственным адаптером, позволяющим динамику располагаться более заподлицо со стеной.Это означает, что в поле зрения нет кабеля.
Настенные крепления с кабельной разводкой : Обычно вы прокладываете силовой кабель за гипсокартоном, выводя его снова рядом с розеткой. Mount Genie (14 долларов на Amazon) – прекрасный тому пример. Мой договор аренды скоро истекает, и я бы предпочел не ремонтировать стены перед переездом, но если вы владеете своим домом и не боитесь сделать на нем небольшую операцию, это самый чистый и самый профессиональный способ – особенно если вы не хотите использовать диван или другую мебель, чтобы скрыть шнур.
Регулировка громкости постукиванием будет реверсирована на настенном Mini, если вы не включите эту настройку, чтобы исправить это.
Скриншот Дейла Смита / CNETИ последний шаг: измените эту настройку.
Поздравляем – вы установили свой мини-динамик на стену, где ему и место! Остался еще один шаг к тому, чтобы сделать его идеальным.
После того, как вы закрепите Mini на стене, сенсорные регуляторы громкости на самом динамике будут противоположными тому, к чему вы привыкли, поэтому вы захотите пойти и изменить их на более естественную ориентацию с уменьшением громкости на слева, вверху справа.Вот как это сделать:
1. Откройте приложение Google Home и коснитесь значка Mini .
2. Нажмите Settings (значок cog ) в правом верхнем углу.
3. Прокрутите вниз до опции Reverse device controls и включите ее .
Теперь, когда вы знаете, как (и как , а не ) устанавливать динамики, вы можете разместить их в каждой комнате и создать аудиосистему для всего дома с помощью Google Home.Или, если вы все еще новичок в Google Home, узнайте, как получить от него максимальную пользу, с помощью этих 32 советов и рекомендаций по Google Home. Готовы сделать следующий шаг в своем личном приключении с умным домом? Следующим лучшим шагом может стать добавление умного дисплея Nest Hub или Nest Hub Max к вашей настройке Google Home.
Этот Google Home Mini устанавливается в ванной, намного выше зоны брызг.
Дейл Смит / CNETПервоначально опубликовано в прошлом месяце.Периодически обновляется новыми техниками.
Интерактивных контрольных списков в Документах Google
Контрольные списки – это удобный и эффективный способ оставаться на верном пути и добиваться результатов. Я вспоминаю, как узнал об их многочисленных преимуществах во время изучения книги, которую мой округ провел в рамках «Манифеста контрольных списков» несколько лет назад.Для наших студентов контрольные списки можно использовать по-разному:
- Шаги в научном эксперименте
- Самоконтроль поведения
- Владение предметным содержанием и стандартами
- Задачи при составлении и редактировании их написания
- Выполнение математической процедуры
- И многое другое …
Обычно мы думаем о таких контрольных списках, как распечатанных бумажных документов , которые наши ученики могут отмечать карандашом по мере выполнения шагов из своего списка.Хотя это нормально, мы также можем воспользоваться цифровыми контрольными списками . В электронном виде контрольные списки можно использовать совместно, редактировать по мере необходимости, получать к ним доступ несколько человек и, надеюсь, не съесть собака.
Безусловно, существует множество мобильных приложений, веб-приложений, веб-расширений и веб-сайтов, которые предоставляют инструменты для контрольных списков. Однако один творческий способ сделать интерактивный контрольный список – это Google Documents . Я всегда знал, что вы можете добавить список флажков в Google Doc, но не понимал, как можно сделать хитрый трюк с , чтобы сделать контрольный список более интерактивным.Недавно я узнал об этом умном подходе от Кейтлин Кристель, участницы одного из моих учебных курсов по сертификации Google.
См. Ниже, как использовать Документы Google для создания интерактивных контрольных списков для учащихся .
Создайте контрольный список
Сначала начните с создания контрольного списка в Google Docs с помощью функции «Маркированный список ».
- Введите элементы контрольного списка по одному элементу в строке.
- Выберите все строки элементов.
- Щелкните стрелку вниз справа от значка «Маркированный список » на верхней панели инструментов, а затем выберите опцию флажка во всплывающем меню.
- Также вы можете щелкнуть « Format » в верхней строке меню, затем « Lists », затем « Bulleted list » и, наконец, выбрать опцию флажка .
- Это поместит флажок в начале каждой строки в списке.
Отметить контрольный список
Теперь ученик может отмечать пункты контрольного списка по мере их заполнения.Это можно сделать, изменив флажок на отметку в начале любой из строк.
- Щелкните левой кнопкой мыши один раз на флажке, который выберет всю группу флажков.
- Теперь щелкните левой кнопкой мыши еще раз на том же флажке, который теперь просто выберет единственный флажок, на котором вы щелкнули.
- Теперь щелкните правой кнопкой мыши на том же флажке.
- Появится всплывающее окно, в котором вы можете выбрать новую марку для замены флажка.
- Выберите значок галочки значок.
- Пустой флажок теперь будет заменен флажком, указывающим, что элемент был завершен.
- Повторите, если необходимо, для других флажков.
Сообщение Эрика Куртса. Свяжитесь с Эриком в Twitter на twitter.com/ericcurts и в Google+ на plus.google.com/+EricCurts1
Chrome DevTools – 20+ советов и приемов
Автор: Мартин Уильямс
Обновлено 5 ноября 2019 г.
Google Chrome в настоящее время является одним из самых популярных веб-браузеров, используемых разработчиками.По данным StatCounter, по состоянию на сентябрь 2019 года Google Chrome занимает 63,72% рынка браузеров по всему миру. Chrome DevTools может значительно улучшить ваш рабочий процесс, помогая разрабатывать, тестировать и отлаживать веб-сайты прямо в браузере. Многие из вас, вероятно, регулярно используют Chrome DevTools, но ознакомьтесь с этими дополнительными советами и приемами, чтобы повысить свою продуктивность.
Инструменты разработчика Google Chrome, также известные как Chrome DevTools, представляют собой инструменты веб-разработки и отладки, встроенные прямо в браузер.Они предоставляют разработчикам более глубокий доступ к их веб-приложениям и браузерам. Вы можете делать все, от тестирования области просмотра на мобильном устройстве до редактирования веб-сайта на лету и даже измерения производительности всего веб-сайта или отдельных ресурсов.
Чтобы использовать последнюю версию инструментов разработчика, вы можете использовать Chrome Canary, экспериментальную версию Chrome, которая обновляется каждую ночь. Chrome Canary можно запускать одновременно с Chrome, чтобы вы могли проверить любые проблемы, которые могут возникнуть.
Вы можете улучшить свою разработку, перейдя на страницу chrome: // flags и включив функцию Developer Tools для экспериментов. Затем вы можете использовать панель настроек в инструментах разработчика для переключения отдельных экспериментов.
Мы упомянем некоторые сочетания клавиш Chrome DevTools ниже, но вы можете увидеть их полный список на веб-сайте Google Developer.
Открытие Chrome DevTools
Есть несколько способов открыть Chrome DevTools, что означает, что вы можете использовать метод, который лучше всего подходит для вас.
Вы можете открыть Chrome DevTools из меню Chrome. Перейдите к Дополнительные инструменты и затем щелкните Инструменты разработчика .
Открыть, щелкнув правой кнопкой мыши
Вы также можете открыть Chrome DevTools из контекстного меню. Щелкните правой кнопкой мыши любой элемент страницы, а затем нажмите Inspect (или Inspect Element ).
Открыть с помощью сочетаний клавиш
Вы также можете использовать следующие сочетания клавиш:
- Mac:
Cmd + Opt + I - Windows:
F12илиCtrl + Shift + I
Советы и хитрости
Ниже приведены лишь некоторые из сотен вещей, которые вы можете делать с помощью Chrome DevTools.Это также станет хорошим ускоренным курсом по инструментам, если вы не использовали их раньше.
Быстрое переключение файлов
Вы можете легко получить доступ к любому файлу в текущем проекте или на веб-странице, нажав Cmd + P ( Ctrl + P ), когда Chrome DevTools открыт и выполняет поиск по имени.
Симпатичная печать
Знаете ли вы, что в Chrome DevTools есть встроенная функция красивой печати? Вы можете легко изменить форматирование свернутого кода, нажав {} .
Редактировать элемент HTML
Вы можете редактировать HTML на лету и предварительно просмотреть изменения, выбрав любой элемент, выбрав элемент DOM на панели и дважды щелкнув открывающий тег, чтобы отредактировать его. Закрывающие теги обновляются автоматически. Любые изменения будут отображаться в вашем браузере, как если бы они действительно были внесены в исходный код.
Изменить свойство CSS
Как и при редактировании HTML, вы также можете изменить CSS в Chrome DevTools и предварительно просмотреть, как будет выглядеть результат.Вероятно, это одно из наиболее частых применений этого инструмента. Просто выберите элемент, который вы хотите отредактировать, и на панели стилей вы можете добавить / изменить любое свойство CSS, которое хотите.
Поиск исходного кода
Вы можете быстро выполнить поиск по всему исходному коду, нажав Cmd + Opt + F ( Ctrl + Shift + F ).
Точки останова JavaScript
При отладке JavaScript иногда полезно установить точки останова. Вы можете установить точки останова в Chrome DevTools, щелкнув номер строки, которую вы хотите прервать, а затем нажмите Cmd + R ( Ctrl + R ), чтобы обновить страницу.Затем страница запустится прямо до этой точки останова.
Перейти к номеру строки
Вы можете автоматически перейти к строке в коде, нажав Cmd + O ( Ctrl + O ) и используя синтаксис строки. В приведенном ниже примере мы ввели : 375: 18 , чтобы перейти к строке 375, столбец 18.
Несколько курсоров
Было ли когда-нибудь несколько строк, в которые нужно что-то добавить? Вы можете легко добавить несколько курсоров, нажав Cmd + Click ( Ctrl + Click ) и одновременно введя информацию в несколько строк.
Положение док-станции
Вы также можете изменить положение док-станции Chrome DevTools. Вы можете либо открепить его в отдельном окне, либо закрепить его в левой, нижней или правой части браузера. Положение док-станции можно изменить, нажав Cmd + Shift + D ( Ctrl + Shift + D ) или через меню.
Очистить файлы cookie
Удалить файлы cookie можно также с помощью Chrome DevTools. Это может быть особенно полезно при тестировании и отладке сторонних плагинов.На панели Application перейдите в Storage> Cookies, чтобы удалить все файлы cookie или отдельный файл cookie.
Режим устройства
Вы можете протестировать свой веб-сайт и медиа-запросы, чтобы увидеть, не ломается ли где-нибудь ваш адаптивный дизайн, перейдя в режим устройства. Или, возможно, вам нужно увидеть, при каком разрешении страница ломается, чтобы вы знали, где применить медиа-запрос.
Чтобы войти в режим устройства, щелкните маленький значок телефона или планшета в Chrome DevTools или нажмите Cmd + Shift + M ( Ctrl + Shift + M ).Затем вы можете выбрать, какое устройство и разрешение имитировать, добавить сетевой дроссель и даже определить ориентацию устройства.
Цветовая палитра и средство выбора
Пользовательская цветовая палитра берется из таблицы стилей веб-сайта. Вы можете получить к ним доступ, просто щелкнув цветовой блок на панели стилей. Также имеется палитра цветов, с помощью которой можно выбирать цвета напрямую с веб-страницы.
Изменить формат цвета
Вы можете переключаться между RGBA, HSL и шестнадцатеричным форматированием, нажимая Shift + щелчок на цветовом блоке.
Переключить состояние элемента
Вы когда-нибудь пытались выяснить, откуда берется скрытый стиль, скажем, от селектора : hover ? В инструментах разработчика Firefox вы можете увидеть это при выборе элемента, но не в Chrome DevTools. Однако есть кое-что получше, называемое Toggle Element State. Это позволяет принудительно установить состояние элемента, например : hover , чтобы затем можно было использовать панель стилей для просмотра свойств.
Копировать изображение как URI данных (в кодировке base64)
Вы можете сохранить любое изображение с веб-страницы как URI данных или, скорее, в кодировке base64.Нет необходимости использовать бесплатный онлайн-конвертер, поскольку он уже встроен в Chrome DevTools. На панели Network щелкните изображение, а затем щелкните его правой кнопкой мыши, чтобы получить возможность Копировать изображение как URI данных .
вы получите изображение в следующем формате:
данные: изображение / PNG; base64, iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAIAAADdvvtQAAAgNklEQVR42u2dd5gVZZbG / WNn1dmdWXdmNu88O7uz7uzO7jozKiqCSFJERUQFBARBRAREcm5yzlmBBprcQJNBck6SY5MbJOfO + XY3d39wd3qaqltfV9X9qm71vd / 31OMfcu / TCM + d75z3vOecJ...
Сетевая диафильм
Функция сетевой диафильма позволяет вам видеть, как ваша страница отображается от начала до конца, делая снимки экрана в процессе загрузки. Это может быть отличным способом увидеть, как отображается ваш шрифт, и сталкиваетесь ли вы с такими проблемами, как FOIT или FOUT.
На панели Network щелкните значок настроек, установите флажок Захват снимков экрана , а затем нажмите Cmd + R ( Ctrl + R ), чтобы обновить страницу.После того, как страница обновится, она покажет вам, как ваша страница отображалась от начала до конца.
Производительность монитора
Функция производительности позволяет легко увидеть, на что уходит больше всего времени и ресурсов. Детали производительности можно разбить по-разному, например, по времени, активности и источнику.
На панели Performance нажмите Cmd + E ( Ctrl + E ), а затем Ctrl + R ( Cmd + R ), чтобы обновить страницу.Запишите, сколько времени вы хотите, чтобы за вами наблюдали. Затем вы можете нажать Stop и оценить результаты.
DOMContentLoaded
У нас есть отличная статья о блокировке DOM и о том, как это исправить. Эта функция позволяет вам видеть точное время загрузки DOMContentLoaded и общее время загрузки. Проверка этих значений может быть полезна для повышения общей производительности вашего веб-сайта или приложения.
На панели Сеть щелкните значок настроек, установите флажок Показать обзор , а затем нажмите Cmd + R ( Ctrl + R ), чтобы обновить страницу.Синяя линия будет отображаться для DOMContentLoaded, а красная линия – для общего времени загрузки. Обычно все, что осталось от синей линии или касается ее, – это активы, которые блокируют DOM или также называются ресурсами, блокирующими рендеринг.
Профили регулирования сети
Теперь вы также можете добавить настраиваемые профили регулирования сети. Это может быть полезно, если вы хотите более точно тестировать на определенной скорости.
На панели Network щелкните раскрывающийся список Throttle и затем Add... . В Профилях регулирования сети щелкните Добавить пользовательский профиль ... и добавьте профиль со своими характеристиками.
Проверка безопасности
Панель «Безопасность» может быть очень полезной, чтобы проверить, действителен ли сертификат SSL / TLS, безопасно ли соединение и все ли ресурсы обслуживаются безопасно. Это отлично подходит для отладки миграции HTTPS и быстрого исправления предупреждений о смешанном содержимом.
На панели Security нажмите Cmd + R ( Ctrl + R ), чтобы обновить страницу.Затем он отобразит соответствующую информацию о безопасности.
Проверка Google AMP HTML
Google AMP – это инициатива с открытым исходным кодом для ускорения работы в Интернете с помощью облегченных HTML-страниц. Чтобы Google мог проиндексировать AMP-версию вашей страницы, вы должны убедиться, что она проверена.
На панели консоли добавьте # development = 1 к версии AMP в адресной строке браузера, а затем нажмите Cmd + R ( Ctrl + R ), чтобы обновить страницу. Он будет отображаться, если он успешно прошел проверку ниже.Узнайте больше об ошибках проверки AMP.
Резюме
Как видите, Chrome DevTools имеет множество функций, которые помогут вам лучше разрабатывать, быстрее отлаживать и более эффективно измерять производительность вашего веб-сайта или приложения. Упомянутые выше советы – это лишь некоторые из множества доступных функций. У вас есть любимая функция DevTools, которую мы упустили? Если да, дайте нам знать в комментариях ниже.
- Узнайте больше о Chrome DevTools на официальной странице Google Developers.
- Подпишитесь на обновления Chrome DevTools на их веб-странице обновлений.
Импорт файла Excel или текстового файла в Numbers на Mac
В Numbers можно импортировать электронные таблицы Excel, а также текстовые файлы с разделителями или фиксированной шириной. Если вы импортируете файл с разделителями или фиксированной шириной, а ваша таблица выглядит некорректно, вы можете изменить настройки импорта.
Примечание: Вы не можете изменить настройки импорта после редактирования импортированной таблицы.
Импортируйте файл Excel
Перетащите файл Excel на значок Numbers в Dock или в папке Applications.
В строке меню Numbers вы также можете выбрать «Файл»> «Открыть» и выбрать файл Excel, который нужно открыть.
Импорт текстового файла
Если таблица выглядит неправильно, вы можете изменить настройки. См. Задачи ниже для получения дополнительной информации.
Изменение настроек текстового файла с разделителями
Перетащите файл на значок Numbers в Dock или в папке Applications.
Щелкните в любом месте таблицы, чтобы выбрать ее.
На боковой панели «Формат» перейдите на вкладку «Таблица», затем нажмите «Настроить параметры импорта».
Щелкните вкладку с разделителями в окне параметров импорта.
Выберите один или несколько разделителей рядом с полем «Разделять значения с помощью» или введите пользовательский разделитель.
Разделитель – это символ, определяющий разрывы столбцов.
Выполните одно из следующих действий:
Добавьте квалификаторы текста: Квалификатор текста указывает, где начинается и заканчивается текст.Щелкните всплывающее меню Text Qualifier и выберите символ.
Кодировать текст: Щелкните всплывающее меню «Кодировка текста» и выберите нужный вариант.
Игнорировать повторяющиеся разделители: Выберите «Обрабатывать последовательные разделители как один».
Транспонировать строки и столбцы: Чтобы транспонировать или переключать строки и столбцы в таблице при импорте, выберите «Транспонировать строки и столбцы».
Щелкните Обновить таблицу.
Изменение настроек для текстового файла фиксированной ширины
Перетащите файл на значок Numbers в Dock или в папке Applications.
Щелкните в любом месте таблицы, чтобы выбрать ее.
На боковой панели «Формат» перейдите на вкладку «Таблица», затем нажмите «Настроить параметры импорта».
Щелкните вкладку «Фиксированная ширина» в окне «Параметры импорта».
Выполните одно из следующих действий:
Измените ширину столбца: В текстовом файле с фиксированной шириной ширина столбца установлена на определенное количество символов.Перетащите синие стрелки в адресной строке столбца, чтобы настроить количество символов в каждом столбце.
Объединить столбцы: Перетащите синюю стрелку вверх и за пределы адресной строки.
Добавить новый столбец: Щелкните в любом месте адресной строки столбца.
Кодировать текст: Щелкните всплывающее меню «Кодировка текста» и выберите нужный вариант.
Транспонировать строки и столбцы: Чтобы транспонировать или переключать строки и столбцы в таблице при импорте, выберите «Транспонировать строки и столбцы.”
Щелкните« Обновить таблицу ».
Village of Patchogue, NY Docks
[Изменено 6-9-1986 законом № 11-1986]
За исключением случаев, предусмотренных ниже, никто не может использовать любой док, принадлежащий и обслуживаемый Деревней Патчог, кроме по разрешению Попечительского совета и в соответствии с такими правилами в в отношении их использования, как может установить Попечительский совет от время от времени.Ни одно лицо, использующее указанную док-станцию, не должно в любое время выбросить или оставить на указанном причале или подстилке вместе с макулатурой, мешками, выброшенная рыба или наживка для крабов, отбросы или другие выброшенные или ненужные материалы или веществ, но каждое лицо, использующее указанную док-станцию, должно сохранять указанную док-станцию чистыми и свободными от таких материалов или веществ и убрать их при выходе из указанного дока или сдать его в емкости, если таковые имеются, при условии для этой цели.
[Добавлено 6-9-1986, автор L.L. № 11-1986]
A.Никто не должен использовать принадлежащий Village причал на у подножия Южного Оушен-авеню, известного как «Док талисманов», любое лицо водит или припарковывает любое транспортное средство на нем, кроме разрешенных в соответствии со следующими часами работы и с учетом таких правила в отношении них, которые Попечительский совет может установить с время от времени:
(1)с 6:00 до 18:00: открыт для жителей села и нерезиденты одинаково.
(2)6:00 п.м. до 12:00 полночь: открыт для жителей села, Сотрудники села, члены пожарной части Патчога и члены только с разрешения компании скорой помощи пожарного управления Патчога. выдается по заявлению деревенскому секретарю на формах, предусмотренных эта цель.
(3)с 12:00 до 6:00: закрыто для всех.
B.Такие разрешения не подлежат передаче и становятся недействителен, когда автомобиль, к которому он прикреплен, продан или передан любому другому лицу или когда владелец разрешения больше не является резидентом деревни Патчог.
C.Ни одно транспортное средство не должно проезжать более пяти миль в сутки. час.
D. Любое нарушение этого раздела подлежит наказанию в соответствии с положениями, изложенными в § 1-1 настоящего Кодекса.[Изменено 8-8-1994, Постановлением Закона № 11-1994; 9-9-1996, автор: L.L. No. 19-1996]
[Добавлено 9-8-2008, автор: L.L. № 11-2008]
A.Никто не может использовать принадлежащие Деревне доки, расположенные у подножия Лорел-стрит, Кэмпбелл-стрит, Малфорд-стрит и Брайтвуд-стрит, где можно пристыковать любое судно, лодку или плавсредство.