Все для WordPress и WEB разработки от TechBlogSD
66 subscribers
2.18K photos
2.18K links
Download Telegram
Chrome Devtools - полезности при разработке
11.02.2018
#Chrome_DevTools #Google #Google_Chrome

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

https://techblog.sdstudio.top/chrome-devtools-poleznosti-pri-razrabotke/
jQuery – Подключение удаленных скриптов из консоли Chrome
07.12.2018
#Chrome_DevTools #CodePen #Google #Google_Chrome #jQuery #WEB

При решении разного рода задач связанных с веб разработкой а именно с написанием, тестированием или же внедрением новых библиотек возникает потребность в подключении скриптов которые расположены не на локальном сервере, а на стороннем. Думаю, Вам знакомы множество готовых решений, которые находятся или на CDN, или на GitHub’e. В связи с этим я решил поделиться не…

https://techblog.sdstudio.top/blog/jquery-podcliuchenie-udalennykh-skriptov-iz-konsoli-chrome
Эмуляция мобильных и планшетных устройств в Chrome
02.01.2019
#Chrome_DevTools #Google #Google_Chrome

Тестирование вашего веб-сайта или приложения в разных браузерах и на разных мобильных устройствах важно, и ничто не заменит реальное устройство. Однако не у всех есть iPhone, Google Nexus, Blackberry или новейший телефон Samsung. Таким образом, возможность эмулировать мобильное или планшетное устройство означает, что вы можете тестировать свой сайт или приложение на этих устройствах, фактически не…

https://techblog.sdstudio.top/perevod/emulyaciya-mobilnyh-i-planshetnyh-ustrojstv-v-chrome
Использование локальных переопределений в DevTools
11.08.2019
#Chrome_DevTools #Google #Google_Chrome #WEB

Однако основным недостатком является то, что обычно эти изменения не сохраняются – если вы переходите на другую страницу или обновляете ту же страницу, все изменения теряются. Но теперь, с выпуском Chrome 65, все изменилось. Постоянные локальные переопределения Начиная с Chrome 65, DevTools теперь включает функцию «Local Overrides», которая позволяет вносить изменения, сделанные локально. Теперь вы…

https://techblog.sdstudio.top/blog/ispol-zovanie-lokal-nyh-pereopredeleniy-v-devtools
5 способов определения шрифтов на веб-странице
23.05.2020
#Chrome_Apps #Chrome_DevTools #Google #Google_Chrome

И так, вы делаете свое дело, просматривая веб-страницы, и наткнулись на понравившийся шрифт, но не можете его определить? Давайте определим шрифт вместе. 1. Фонтанелло (Chrome + Firefox) На мой взгляд, Fontanello Chrome и Firefox Extension – это самый быстрый способ узнать, какой шрифт используется на веб-странице. Вы просто щелкаете правой кнопкой мыши по тексту, находите…

https://techblog.sdstudio.top/5-sposobov-opredelenija-shriftov-na-veb-stranice/
5 способов изменить сайт на свой вкус
25.05.2020
#Chrome_Apps #Chrome_DevTools #Google #Google_Chrome

Я рад представить вам бесплатный набор инструментов, который я использую ежедневно. Что общего у всех этих инструментов, так это то, что они имеют некоторую возможность изменять любой сторонний веб-сайт, как вам нравится. Однако любые изменения, которые вы видите, предназначены только для ваших глаз. Так что нет, это не превратит вас в хакера это просто косметика…

https://techblog.sdstudio.top/5-ways-to-change-a-website/
Запускайте фрагменты JavaScript на любой странице с помощью Chrome DevTools
05.07.2020
#Chrome_DevTools #Google #Google_Chrome #WEB

Технический писатель, Chrome DevTools & Lighthouse Если вы обнаружите, что запускаете один и тот же код в консоли несколько раз, рассмотрите возможность сохранения кода в виде фрагмента. Фрагменты – это сценарии, которые вы создаете на панели « Источники». У них есть доступ к контексту JavaScript страницы, и вы можете запустить их на любой странице. Отрывки…

https://techblog.sdstudio.top/zapuskajte-fragmenty-javascript-na-ljuboj-stranice-s-pomoshhju-chrome-devtools/
Как создать ярлык для console.log() в Chrome DevTools (в режиме разработчика при написании JS)
07.07.2020
#Chrome_DevTools #Google_Chrome

Последнее время я достаточно много времени трачу на написание и правку скриптов javascript, тестирование и написание которых конечно же происходит в DevTools Chrome. Совсем не давно я наткнулся на эту замечательную страницу: https://stackoverflow.com/questions/5456709/create-shortcut-to-console-log-in-chrome Где один из разработчиков предложил отличное решение для сокращения такой длинной команды как console.log(). Решение (создайте ярлык console.log() следующим образом):~~var log =…

https://techblog.sdstudio.top/kak-sozdat-jarlyk-dlja-console-log-v-chrome-dvtools-v-rezhime-razrabotchika-pr-napisanii-js/
Что нового в Chrome 90 уже доступно
17.04.2021
#Chrome_Apps #Chrome_DevTools #Google #Google_Chrome

Chrome 90 содержит несколько новых инструментов управления окнами, столь необходимое исправление для Списка для чтения и множество внутренних улучшений. Обновление сейчас распространяется в браузерах Chrome в Windows, Mac и Linux. Чтобы перейти к 90-й стабильной версии Chrome, Google снял глупое видео на тему 90-х, чтобы объяснить некоторые функции. Стоит посмотреть, если вы справитесь с передергиванием.…

https://techblog.sdstudio.top/chto-novogo-v-chrome-90-uzhe-dostupno/