Ви веб-розробник чи хтось, хто хоче використовувати Chromebook для перевірки елемента на веб-сторінці? Для цього потрібно всього кілька кліків.
На створення веб-сторінки йде багато. Якщо вам цікаво, що стоїть за певним елементом на сторінці, ви можете переглянути код. Як Windows ноутбук, ви можете перевірити елементи за допомогою інструментів розробника на своєму чудовий Chromebook або один із багато планшетів з ОС Chrome. І це можна зробити двома способами.
Якщо ви користуєтеся Chromebook, яким керує навчальний заклад або компанія, функція перевірки елемента може бути заблокована, і ви не зможете виконати дії, наведені в цьому посібнику. Немає способу розблокувати його, попередньо не запитавши адміністратора. Елементи Inspect можуть бути заблоковані з міркувань безпеки та запобігання зворотній інженерії та шахрайству на онлайн-іспитах.
Веб-розробники та більш досвідчені користувачі ChromeOS можуть захотіти перевірити елемент на Chromebook через меню інструментів розробника. Це просте меню в ОС Chrome дає змогу глибше зануритися в те, що міститься на веб-сторінці. Це не надто приховано, але ось як ви можете його знайти.
- Натисніть три крапки біля значка вашого профілю на панелі меню Chrome.
- Виберіть Більше інструментів варіант.
- Виберіть Інструменти розробника.
- У правій частині веб-сторінки відкриється консоль із кодом веб-сайту, на якому ви перебуваєте.
- У верхньому лівому куті цієї консолі ви побачите квадратний значок із зображенням миші. Клацніть його. Ви також можете натиснути Ctrl + Shift + C щоб запустити функцію.
- Тепер ви зможете навести курсор миші на будь-яке місце веб-сторінки, і з’явиться код для цього конкретного елемента.
- Натисніть область, на яку ви наводите курсор, щоб побачити код у консолі праворуч.
Ви також можете повністю уникнути цього меню, просто запустивши його автоматично за допомогою Ctrl + Shift + I на клавіатурі.
Перевірте елементи на Chromebook за допомогою миші або сенсорної панелі
Як і інші веб-браузери, Chrome дозволяє перевіряти елементи за допомогою лише миші чи сенсорної панелі.
- Наведіть курсор миші на ту частину веб-сторінки, яку потрібно перевірити.
- Клацніть правою кнопкою миші в цій області.
- Виберіть Оглянути з меню.
- Відкриється меню інструментів розробника Chrome.
- Клацніть мишею на іконці квадрата у верхній частині меню. Ви також можете натиснути Ctrl + Shift + C щоб запустити функцію.
- Наведіть курсор на область, яку потрібно перевірити, і ви побачите код.
- Клацніть елемент, який потрібно перенести до цього рядка коду в консолі.
Щоб перевірити елемент на веб-сторінці на Chromebook, не потрібно багато часу. Є два простих способи, якщо ваш адміністратор увімкнув їх. Якщо ви хочете дізнатися більше про ChromeOS, перегляньте наші посібники про те, як це зробити щодня міняйте шпалери і як можна на Chromebook.