- Розширення Web Developer
- Розширення перевірки версії Joomla
- Розширення Web Developer Checklist
- Емулятор екранів мобільних пристроїв Google Chrome
- Налагодження / мініфікація CSS і Javascript
Google Chrome - основний браузер, який використовують багато Joomla! розробники. Неважко зрозуміти чому: він досить швидке, зручний, функціональний з дуже великою кількістю інструментів для розробників. Говорячи коротше, правильно налаштований Chrome заощадить вам багато часу і зусиль.
Давайте перевіримо!
Розширення Web Developer
Велика кількість розробників Joomla визнала, що вони не можуть жити без цього інструменту. Дане розширення включає все, що тільки можна уявити, можна одночасно задати більш ніж 100 умов роботи, щоб тимчасово підправити елементи веб-сайту. Якщо вам потрібно для вашої розробки або виправлення помилок, то ви можете: відключити JavaScript, вимкніть всі стилі, перевірити CSS, змінити розмір вікна браузера і багато багато іншого. Потужний, практичний, ефективний, безкоштовний. Це саме те, що можна про нього сказати. Не вірите? Просто перевірте це самостійно!
Завантажити в магазині розширень Chrome
Розширення перевірки версії Joomla
Це маленький секрет, але потужне розширення, яке допомагає дізнатися платформу, на якій працює сайт, скільки разів він використовують, а також застаріла версія CMS. І все це без будь-якого перегляду вихідного коду сторінки.
Після установки і включення даного розширення, кожен раз, коли ви будете відкривати той чи інший сайт, в адресному рядку буде відображатися маленька іконка. Розширення чудово працює не лише з Joomla, але і Drupal, Magento, MediaWiki і OpenCart.
Завантажити в магазині розширень Chrome
Розширення Web Developer Checklist
Це далеко не найпопулярніше розширення для Google Chrome; проте, я знаходжу це дуже корисним для Joomla-розробників, які завжди хочуть бути впевненими, що їх сайт працює правильно і слід головним правилам. Завдяки цьому розширенню, ви отримаєте швидкий огляд всього коду, сайту в цілому, а також показники SEO, адаптивності під мобільні, юзабіліті, доступність і продуктивності.
Завантажити в магазині розширень Chrome
Емулятор екранів мобільних пристроїв Google Chrome
Ваш веб-сайт Joomla повинен правильно працювати на декількох пристроях (на ПК, планшетах і мобільних), оскільки мобільна аудиторія зростає з кожним днем. Ви включити перегляд вашого (і будь-якого) сайту на будь-якому сторонньому емуляторі, змінювати розмір вікна браузера або скористатися найкращим способом - використовувати потужний інструмент для емуляції мобільних пристроїв Google Chrome.
Ви зможете візуалізувати ваш сайт на більш ніж 20 пристроях і декількох дозволах - починаючи від популярних мобільних телефонів і планшетів до ноутбуків з Retina здатністю. Це дозволить Вам оцінити зовнішній вигляд сайту на екранах різного розміру і на різної орієнтації пристроїв. Також можна перевіряти медіа-запити CSS і вносити корективи.
документація
Налагодження / мініфікація CSS і Javascript
CSS і Javascript мінімізація - стандартні методи, які передбачають об'єднання файлів для прискорення завантаження сайту. Втім, це навмисно зроблено для машин, а не для людини. Це був би кошмар, якби довелося копатися в мінімізованому коді, возитися і настроівать його.
У Google Chrome це робиться дуже легко з допомогою функції Pretty Print. Вам просто потрібно натиснути правою кнопкою миші> Inspect Elements >> Вибрати вкладку "Sources" >> Натиснути кнопку Pretty Print, щоб призупинити всі винятки, і тоді CSS / JavaScript-код буде розгорнуто (де-мініфіцірован) для вас, щоб ви могли налагодити код набагато легше.
Звичайно, слід зазначити, що якщо ви відновите сторінку, ви втратите всі зміни. Цей метод призначений тільки як швидкий і тимчасовий варіант для налагодження.
документація
Не вірите?