Как открыть меню разработка (консоль разработчика) в safari на mac и для чего оно нужно — все про apple устройства

Синхронизация закладок Safari между Mac OS X, Windows, iPhone и iPad

Функция синхронизации в браузере Safari обычно работает «из коробки», но если вы заметили, что этого не происходит — проверьте настройки. Если всё правильно  настроить, закладки, сохранённые в Safari, будут синхронизироваться между всеми вашими устройствами через iCloud.

Это означает, что добавленные в закладки веб-сайты на вашем Mac, будут доступны в закладках iPad, а закладки на iPhone будут синхронизироваться с вашими Mac, iPad, Windows PC и наоборот.

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

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

Включить синхронизацию закладок на Mac (или Windows PC)

Для OS X:

  • Откройте  Apple меню и выберите «Системные настройки…», затем выберите панель «iCloud»
  • Найдите в списке iCloud «Safari» и убедитесь, что он отмечен галочкой

Обратите внимание, что iCloud в OS X будет синхронизировать закладки только между браузером Safari.

Для Windows:

  • Откройте «Панель управления» и выберете «iCloud»
  • Установите галочку рядом с «Закладки»

iCloud в Windows немного отличается от Mac, он будет синхронизировать закладки между Safari и Internet Explorer, если оба были включены в опциях.

Включить синхронизацию закладок в iOS на iPad, iPhone или iPod Touch

  • Откройте «Настройки» и выберите «iCloud»
  • Найдите в списке «Safari» и убедитесь, что он включен

Это единственные необходимые параметры в настройке iCloud на iOS.

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

Просто сохраняйте закладки в Safari на любом из ваших устройств и они будут автоматически синхронизироваться с другими устройствами.

Единственное требование, чтобы каждый Mac, iPhone, iPad, PC или любое другое устройство, имели доступ к сети Интернет.

Эти настройки также позволят синхронизировать «Список для чтения», это отличный способ для обмена ссылками, сайтами и веб-страницами, которые вы хотите читать или просматривать на другом устройстве OS X и iOS. Иными словами, закладки лучше сохранять для всего веб-сайта, в то время, как список для чтения больше подходит для отдельных статей или страниц на сайте.

Источник: http://i-bloge.ru/sinxronizaciya-zakladok-safari-mezhdu-mac-os-x-windows-iphone-i-ipad/

Как активировать инструменты разработчика в Safari

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

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

Для этого достаточно запустить программу Terminal, ввести из командной строки всего лишь одну команду, после чего вы получите доступ к целому миру новых возможностей — невероятных и неоценимых.

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

[/su_box]

Например, вы можете выполнить перепрошивку вашего телефона, но после этого обнаружить, что последующие обновления программного обеспечения работать не будут.

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

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

Пожалуй, единственным исключением из этого правила является меню Debug в браузере Safari. Активизировать меню Debug в Safari предельно просто, выгод от этого — не сосчитать, и при этом никаких отрицательных побочных эффектов не наблюдается.

То есть, с хакерской точки зрения, данный рецепт предлагает только выгоды. С учетом его простоты, давайте применим его на практике.

Как уже говорилось ранее, для этого достаточно запустить приложение Terminal и из командной строки ввести следующую команду:

1defaults write com.apple.Safari IncludeDebugMenu 1В приложении Terminal после запуска этой команды не произойдет ничего.

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

Чтобы увидеть изменения, внесенные в результате запуска команды, закройте Safari, а затем перезапустите его вновь — и вы увидите, что в строке меню появилась новая команда — Debug (рис. 2.14).

Рис. 2.14. Новое меню Debug в Safari предоставляет множество ранее недоступных возможностей

Как только вы активизируете меню Debug, вы обнаружите, что это меню открывает вам множество ранее недоступных опций Safari. Большинство опций представляют интерес только для разработчиков. Однако некоторые из них по-настоящему могли бы доставить вам удовольствие.

Хотите, например, узнать, сколько ресурсов потребляет Web-серфинг с помощью Safari? Самый простой способ получить ответ на этот вопрос — воспользоваться опцией Start Stress Test из меню Debug. Как только вы выберете эту команду, Safari выйдет на сайт http://del.icio.us и начнет загружать страницу за страницей, одновременно отслеживая объем проделанной работы (рис.

2.15).

Рис. 2.15. При запуске Safari в стрессовом режиме в левом верхнем углу отображается объем проделанной работы и потребленные ресурсы

Это позволяет не просто оценить объем трафика Safari. Для тех пользователей, которые ленятся самостоятельно искать интересные Web-страницы, стресс-тест Safari всегда найдет парочку страниц, которые могут представлять интерес. Чтобы завершить стресс-тест, снова раскройте меню Debug и выберите из него команду Stop Stress Test.

Не такой любопытной, но не менее полезной по сравнению со стресс-тестом Safari будет возможность выбрать пользовательского агента через меню Debug. Это позволит вам пользоваться Safari, выдавая его серверам за другой браузер. На первый взгляд эта возможность кажется проблематичной функцией сомнительной полезности.

Зачем вообще представляться серверам как другой браузер?

В конце концов, вы ведь гордитесь тем, что вы — пользователь Mac! Но не следует торопиться с выводами. Рано или поздно вы натолкнетесь на такой сайт, который потребует, чтобы все посетители пользовались Internet Explorer.

Если вы будете открыто сообщать такому серверу о том, что вы пользуетесь Safari, то можете считать, что вам не повезло — вам откажут в обслуживании. Если же Safari будет выдавать себя за Windows MSIE 6.

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

Рис. 2.16. Safari может выдавать себя за множество самых различных браузеров

Правда, это не обязательно означает, что сайт чудесным образом начнет корректно работать с Safari.

Если сайт использует ActiveX, то Safari не сможет работать с этим сайтом, вне зависимости от того, насколько хорошо приложение маскирует свою идентификационную информацию.

Однако существует множество сайтов, поддерживающих только Internet Explorer (IE) исключительно из-за лени или небрежности разработчиков кода.

Это, подчеркнем, происходит не потому, что Safari не может надлежащим образом визуализировать информацию и взаимодействовать с серверами, а из-за того, что Web-мастер пошел по самому легкому пути и решил, что ему будет проще поддерживать только Internet Explorer. В таких случаях, вам поможет замена пользовательского агента через меню Debug, что позволит вам получать доступ к сайтам, ранее для вас недоступным.

С помощью пользовательского агента можно добиться и многого другого. Например, если вы хотите добиться более быстрого просмотра, можно сообщать серверам о том, что вы используете Mobile Safari 1.0 — таким образом, выдавая себя за пользователя iPhone.

Некоторые страницы открываются только для пользователей Mobile Safari (классический пример — http://reader.mac.com/), а многие другие сайты автоматически перемещают пользователей Mobile Safari на страницы с более низкой полосой пропускания.

Например, Amazon переправляет пользователей Mobile Safari на страницу с менее интенсивной полосой пропускания и выглядящую более просто (рис. 2.17).

Рис. 2.17.

Страница Amazon, отображаемая для пользователей Mobile Safari

Если никакие хитрости с применением пользовательского агента не помогут вам добиться желаемого результата, то меню Debug все равно как минимум избавит вас о необходимости поисков подходящего браузера в папке Applications. Если вы попали на такой проблематичный сайт, который не открывается с помощью Safari, выберите из меню команды Debug → Open Page With…, а затем выберите из списка подходящий браузер (рис. 2.18).

Рис. 2.18. Safari через меню Debug позволяет выбрать другой браузер для открытия проблематичного сайта

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

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

Чтобы запустить Web Inspector для всей страницы целиком, вам потребуется перейти к строке меню (Debug → Show Web Inspector), но если вас интересует не вся страница, а лишь какие-то из ее элементов, то для этого достаточно навести курсор на нужный элемент, щелкнуть правой кнопкой мыши и выбрать из контекстного меню команду Inspect Element. Вы увидите именно ту часть страницы, которую и требовалось исследовать (рис. 2.19).

Рис. 2.19. Web Inspector позволяет исследовать код всей страницы целиком или любого из ее элементов

[/su_box]Наконец, меню Debug предоставляет и множество других возможностей.

Например, вы можете отключить поддержку RSS, если вы пользуетесь для чтения каналов RSS приложением Mail или независимым средством чтения RSS, например, таким как NetNewsWire.

Кроме того, с помощью меню Debug можно добиться интересных визуальных эффектов — например, сделать окно Safari прозрачным (рис. 2.20).

Рис. 2.20. Визуальные эффекты — красиво, но неудобочитаемо!

Существует и еще множество интересных опций, которые, правда, в большей степени заинтересуют разработчиков — например, утечки памяти (world leaks), профилировка (profiling) и т. д.

Однако одна из наиболее полезных опций, которые можно найти в меню Debug — это большой список клавиатурных комбинаций Safari. Эти клавиатурные комбинации перечислены в файле, о котором знают немногие пользователи.

При этом если ими пользоваться грамотно, клавиатурные комбинации могут здорово сэкономить вам время при интенсивной работе с браузером (рис. 2.21).

Рис. 2.21. Список клавиатурных комбинаций Safari

Если в ваши намерения не входит активизация меню Debug, но при этом вам все же требуется доступ ко всем этим удобным клавиатурным комбинациям, в строке адреса браузера введите следующий путь к файлу: file:///Applications/Safari.

app/Contents/Resources/Shortcuts.html и установите на него закладку.

Файл с клавиатурными комбинациями — это локальный файл, хранящийся в пакете Safari, но к нему гораздо проще получить доступ через браузер, чем тратить время на последовательное раскрытия папок и пакетов в поисках нужной вам информации.

Активизировав меню Debug в Safari, логично было бы поинтересоваться, а нет ли этой скрытой возможности и в других приложениях Apple. Согласитесь, было бы просто замечательно, если бы вы имели возможность обращаться с любым приложением так, как это делают разработчики.

К сожалению, скрытое меню Debug есть не во всех приложениях, хотя в некоторых оно присутствует. Например, попробуйте выполнить операцию, аналогичную описанной в этом рецепте, по отношению к приложению iCal — вы также обнаружите меню Debug, хотя и с менее богатыми возможностями, чем в Safari.

Наконец, в заключение следует сказать, что если вы хотите вновь скрыть меню Debug, то для этого достаточно запустить приложение Terminal и дать следующую команду:

1defaults write com.apple.Safari IncludeDebugMenu 0

Источник: http://applehack.ru/kak-aktivirovat-menyu-debug-v-safari/

Обзор Mobile Safari iOS 6 для веб-разработчиков

Уже было сказано довольно много слов про новую версию iOS и её бета-релиз. Однако, за кадром остались новые интересные возможности мобильной версии Safari о которых просто нельзя не рассказать. Но обо всём по порядку.

Данная статья изначально планировалась как перевод, но подготовленного материала хватило на самостоятельную статью. Для тестирования возможностей использовались iOS 6 beta 1 и Safari 6 developer preview for Mac.

И то и другое доступно для скачивания для зарегистрированных разработчиков Apple.

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

Чем же порадует нас новый Safari в iOS 6 ?

Загрузка файлов

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

Web Audio API

Безусловно вкусно. Особенно для тех людей, кто занимается написанием игр под мобильный браузер iOS (у вас был такой опыт?).

Но порадовать я вас пока не могу, даже если Web Audio API и поддерживается новым Safari, то в крайне урезанной форме, так как ни одна из демок которые я тестировал не заработала.

Будем надеяться, что к релизу iOS 6 его реализация подтянется до уровня настольного Safari.

CSS фильтры

Для тех кто не в теме, почитать можно например тут. Фильтры действительно работают, но для их использования нужен префикс -webkit-.
Тестировалось тут. Ручное задание параметров почему-то лагает. А вот анимация выглядит очень плавной.

Crossfade CSS Функция

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

Если третий параметр стоит в ноль — то мы видим только первое изображение, если в 100%, то — только второе. В остальных случаях мы наблюдаем некий промежуточный вариант. Подробнее про эту функцию можно прочитать тут.

А вот тестовая страница.
Для использования функции необходим префикс -webkit-.

Smart App Banners

Про этот функционал пока известно очень мало. Протестировать его не удалось по причине отсутствия документации. В теории он должен позволять проверять наличие установленного приложения по его ID а также уметь открывать это приложение с определенными параметрами.

Полноэкранный ландшафтный режим

Как многие уже наверное знают в iOS6 iPhone и iPod Touch получили полноэкранный режим в браузере при горизонтальном расположении устройства.

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

Вот как это примерно выглядит.Не знаю есть ли специальное API для отлавливания перехода в этот режим и обратно. На данный момент можно использовать слушатель на событие «resize» и свойство innerHeight.

Скорость

Наверное никого не удивит, если я скажу, что Javascript в iOS6 стал работать быстрее. К сожалению у меня нет сейчас возможности сделать тесты на одинаковых устройствах, поэтому просто приведу результаты тестирования, которое выложили на iphonehacks.com

Увеличение объема App Cache с 5 до 25 мегабайт

Очень интересно, но подтвердить это не получилось. Насколько мне известно App Cache и Web Storage используют одно и то же зарезервированное пространство. И если App Cache мне протестировать пока не удалось, то с Web Storage ничего не изменилось, всё те же 2551к символов (5 мегабайт), как и на iOS5.

Remote Web inspector

Вы угадали, самое вкусное я оставил напоследок. Это самая настоящая удаленная отладка веб-приложения… и она… работает! Для этого вам нужно на iOS-устройстве открыть Safari и подключить устройство проводом к компьютеру, на котором нужно тоже запустить Safari.

(Напомню что для этого можно использовать только Safari 6, он пока есть только для Mac) Далее заходим в меню «Разработка».Выбираем нужную нам страницу и видим окно Web Inspector'а. Да, оно «слегка» изменилось с пятой версии.Выделяем объект в DOM и смотрим на устройство (в данном случае iPad) и наблюдаем знакомую картинку.

Web inspector работает!Как выяснилось, методы console ничего в удаленную консоль не выводят (как показано на рисунке с web inspector'ом). Впрочем, это единственное, что у меня не заработало. В остальном консоль и остальной интерфейс ведут себя предсказуемо, что не может не радовать.

(АПДЕЙТ: работает вывод в консоль и вывод ошибок, нужно перезагрузить страницу после подключения)

Для PhoneGap обёртки и т.п. такой метод отладки не сработает. Используем старый добрый iWebInspector. (АПДЕЙТ: работает и с PhoneGap)

В заключение

Что ж, не все заявленные функции оказались полностью рабочими. На то она и beta. Ждем обновлений.

Про все нововведения рассказать не удалось из-за ограничений накладываемых NDA.

Но подробнее можно почитать на форуме разработчиков в этом топике. После финального релиза iOS 6 можете ожидать более подробный обзор.

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

На этом всё, удачного вам debugging'а! Ссылки:

Safari 6 developer preview

iOS 6 beta
нужно быть залогиненным в свой аккаунт разработчика!

Источник: https://habr.com/post/145912/

Как открыть программу на Mac

Всем привет! Вроде бы глупый вопрос — как открыть программу на Mac, но он не лишен скрытого подтекста! Дело в том, что я не всегда общался с техникой Apple: с 1995 года я получил в свое распоряжение PC на базе Intel Pentium 166 и Windows 95 на борту. И уже тогда стал интересоваться компьютерами и прочими околокомпьютерными вещами. Время шло и я стал продвинутым пользователем, и тогда уже стал активно использовать горячие клавиши для ускорения работы на компьютере. Уже после перехода на Mac, я озадачился ускорением свое работоспособности на нем, и стал активно использовать горячие клавиши на Mac! В первую очередь я был шокирован тем, что для запуска программы или открытия файла не работает нажатие кнопки Enter — «как-так?!», думал я, и стал искать, правильную клавиатурную комбинацию! В итоге, с тех давних пор я нашел массу способов, как открыть программу на Mac, чем и хочу с вами поделиться — надеюсь, это повысит эффективность вашей работы

Источник: http://appleprofi.ru/kak-otkryt-programmu-na-mac/

Mac OS для начинающих (1): Строка меню и Панель Dock

При первом знакомстве с Mac OS X у новых пользователей могут возникнуть проблемы с ориентацией в интерфейсе, хотя и Apple создали очень удобный и понятный интерфейс, не каждый его в состоянии осилить.

Если вы работали до этого в ОС Windows, вы можете столкнуться с рядом некоторых сложностей при переходе на Mac OS. Поэтому мы решили начать серию статей, которые будут полезны новичкам в Mac OS.

Мы постараемся рассказать о самых полезных и нужных функциях.

В данной статье рассмотрим основные особенности интерфейса Mac OS, в частности: — Строка меню

— Панель Dock

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

В меню Apple входят системные команды и ресурсы, в его состав входят: About This Mac, окно с информацией о данном компьютере. System Preferences, настройки системы Dock, настройка панели Dock Recent Items, раскрывает дополнительное меню, состоящие из ссылок на приложения Force Quit, немедленное завершение работы

Sleep, Restart, Shutdown, команды позволяющие перевести системы в состояния сна, перезагрузки, или выключить компьютер.

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

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

Панель Dock
Панель Dock предназначена для быстрого доступа к наиболее часто применяемым приложениям, управлением запущенными приложениями, а также управлениям документов. Панель является настраиваемой, вы можете добавлять и удалять значки, менять их расположения, но вы можете удалять все кроме Finder и Trash.

Запущенные приложения помечены индикатором в виде светящегося огонька. Каждый раз при запуске нового приложения оно добавляется в панель на время работы, покуда, вы его не закроете. После закрытия приложения, значёк убирается из панели Dock, если он там не был закреплен.

Параметры настройки панели Dock Установить параметры можно с помощью System Preferences на панели Dock. Size, параметр влияющий как на панель так и на размер значков Magnification, опция задающая степень увеличения элементов, при наведении на них курсора мыши. Animate opening application, включает эффект подпрыгивания значка при запуске приложения.

Automatically hide and show the Dock, если этот параметр включен, то панель остается скрытой до тех пор пока вы не наведете курсор на область экрана где располагается панель.

Функция Stacks
Функция Stacks появившаяся в Leopard, позволяющаяся группировать объекты, обеспечивая быстрый доступ к ним с панели Dock. Если вы перетяните папку на панель Dock, то вы сможете, наведя курсор на папку в панели получить быстрый доступ к ее содержимому.

Заключение
Мы рассмотрели минимум сведения, необходимых для осознанной работы с интерфейсом Mac OS. Пользователи, работавшие с другими ОС, почувствуют разницу интерфейсов, по началу будет неудобно, но со временем вы поймете, что он довольно удобный, и приятный в работе, за счет эффектов рабочего окружения.

Темы: Dock, Mac OS, Stacks

Источник: http://appleb.ru/2010/04/mac-os-dlya-nachinayushhix-stroka-menyu-i-panel-dock/

Как я адаптировал свой Mac под разработку

Две недавние статьи на SitePoint рассказали о том, как люди создают свои среды разработки. Зак Уоллес говорил о настройке среды разработки для Windows, и Шаумик Дайтьяри рассказал о своем опыте работы с Ubuntu Linux.

В этой статье я хочу поговорить о том, как настроить среду разработки на Mac OS X. Но сначала немного о данных программы.

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

Это, безусловно, требует всего, начиная от управления кодом, доступа к удаленным серверам баз данных и управлении в письменной форме и просмотра содержимого. Тем не менее, большой особенностью Mac является то, что существует много инструментов, доступных для него.

Основные инструменты

Новые Маки содержат iWork suite, Safari, Preview и Unarchiver, среди ряда других инструментов с графическим интерфейсом.

В командной строке они находятся с различными инструментами с открытым исходным кодом, такие как SSH, Wget и cURL. Тем не менее, их одних недостаточно.

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

  • Dropbox и Google Drive
  • Firefox , Google Chrome и Chromium
  • Pixelmator и Skitch
  • Коллоквиум , Skype, Slack Evernote и Wunderlist .

Эти инструменты почти незаменимы в повседневной базе.

Dpopbox и Google позволяют мне обмениваться файлами с клиентами. Я бы мог использовать версии в браузере, но установка приложений упрощает синхронизацию.

И никакая среда разработки не будет полной без всех современных браузеров. Так как Internet Explorer не поддерживается на Мас, как Zack, я использую широкий спектр инструментов – таких как BrowserStack – для тестирования сайтов в IE.

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

Для создания и хранения заметок я использую Evernote. А все, что нужно для управления проектами – в Wunderlist. С его помощью я могу сделать все, что нужно для клиента, а также вести записи о беседах, которые мы провели и о том, что мне еще нужно сделать.

Редакторы

Но теперь давайте разберем более серьезную тему: редактирование. Я создаю два типа редактирования – содержание и код, итак мое обсуждение редакторов будет отражать это. Независимо от того, какой вы создаете, существует несколько очень хороших редакторов, доступных для Mac.

Когда я пишу, я пишу в формате Markdown. Он позволяет писать структурированные данные в любом текстовом редакторе без необходимости специального программного обеспечения (такой как Microsoft Word). Используя такие инструменты, как Pandoc, вы можете экспортировать содержимое в почти любой другой формат файла.

Текстовые редакторы

Для письма в Markdown, есть несколько доступных отличных родных приложений, в том числе MacDown, iA Writer и Writer Pro and Mou. Черт возьми, вы даже можете использовать TextEdit, хотя он не очень хорошо подходит для этой задачи. Кроме того, существуют различные онлайн редакторы Markdown, в том числе Gingko, Draft и Bruno Škvorc’s favorite, StackEdit.

Я пользовался ими и могу поручиться за всех из них, хотя я не использую их регулярно. Для меня, лучший инструмент – Vim, в идеале MacVim. Займет немного больше времени, чтобы установить и настроить его. Но сделав это, вы будете довольны. Более того – это бесплатно. Если вы заинтересованы, посмотрите мое хранилище конфигурации Vim на GitHub.

Приложения для кодирования

Далее код. Mac имеет ряд редакторов кода в наличии, независимо от того, являетесь ли Вы PHP, Python, Ruby, Go, Haskell или C ++ разработчик.

[/su_box]

Там же всегда есть Sublime Text 3 отличного качества, которым я часто пользуюсь и рекомендую. Там также есть TextMate 3, который является легким, простым и расширяемым. Но моим выбором редактора является PhpStorm.

Основываясь на IntelliJ, он делает многое; и для того, что он изначально не делает, скорее всего существует плагин. Это не бесплатно. Но цена на самом деле не так уж велика, особенно, когда вы взвешиваете преимущества.

Контроль версий

Далее, давайте посмотрим на систему управления версиями. Если я пишу или кодирую, я всегда использую контроль версий. И моим выбором контроя версий является Git. Для меня это очевидно. Тем не менее, вы можете с тем же комфортом использовать Mercurial. Если Вы используете Subversion, OK. Но я честно не могу поддержать CVS.

В использовании Git, на мой взгляд, есть несколько хороших инструментов для Mac на выбор. Во-первых, есть более упрощенный GitX. С открытым исходным кодом и бесплатный в использовании. И Mac Clone Of Linus Torvold’s GitK, оно обеспечивает ключевую функциональность, необходимую для управления хранилищем и предоставляет хороший встроенный в программу просмотр различий.

Далее хранилище исходных текстов. Если вы ищите одно приложение, которое делает все это, то не проходите мимо SourceTree. Я использовал его целую вечность (до этого я использовал Git из командной строки), и он превосходен.

Я также могу посоветовать SmartGit.

Из этих трех больше всего я пользовался Source Tree и очень рекомендую его. Однако, как и в случае с MacVim – моим выбором редактора, я управляю хранилищами Git из командной строки.

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

Это, как говорится, если вы не человек командной строки, то SourceTreев помощь!)

Сервер

Для серверов, я беру один из двух вариантов. Я либо использую встроенные серверы, такие как с Ruby и PHP, и работаю без накладных расходов дополнительного программного обеспечения, или запускаю виртуальную машину. Я использовал VirtualBox и Ubuntu Linux для этого, но все больше и больше я создаю собственный, используя Ansible и Vagrant.

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

Homebrew работает аналогично APT и yum на Linux, в котором Вы можете искать хранилище пакетов и устанавливать, обновлять и настраивать пакеты с помощью его. Для хорошего понимания того, как это работает, и что онj предлагает, просмотрите онлайн документацию Homebrew.

База данных

Для работы с базами данных, я в основном, использую MySQL. Я думаю, вы могли бы приписать это моему PHP наследию. Но я также регулярно работаю как с PostgreSQL, так и с SQLite. Для установки любой из этих баз данных, вы можете загрузить их с соответствующими поставщиками, с помощью ссылок.

Несмотря на то, что я хотел бы думать о себе как хардкор гуру командной строки, я не являюсь таковым, когда дело доходит до баз данных. Для этого я использую Navicat Lite в течение нескольких лет. Это отличный инструмент, который обеспечивает единый доступ к широкому ряду баз данных.

Navicat поддерживает не только MySQL, PostreSQL и SQLite, но также Oracle и SQLServer. Это позволяет безболезненно создать любой элемент схемы, создание и выполнение запросов вручную, поиска, создания и обновления записей – все, чего можно ожидать от инструмента управления базами данных.

Внешний доступ

Для внешнего доступа, я регулярно использую библиотеку инструментов SSH, будь то SSH на удаленном сервере, или копирование файлов в или из моей среды разработки. Вдобавок к этому, я также регулярно использую cURL и Wget для захвата файлов и для запуска запросов на API и выполнения взаимодействия с сайтом.

Но если вы не настолько склонны к командной строке, есть некоторые действительно хорошие инструменты с графическим интерфейсом. Там же почтенный FileZilla, а также более быстрый Cyberduck и Transmit. Каждый из этих трех инструментов позволит вам удаленно управлять файлами всего лишь при помощи мыши.

Подводя итоги

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

Несмотря на частые насмешливые комментарии о Mac, не сомневайтесь – программного обеспечения, доступного для него много. И из-за его наследия BSD, он также имеет доступ к инструментам открытых исходных кодов и POSIX-совместимых. Поэтому независимо от того, каким путем вы следуете, работая и развиваясь при помощи Mac, у вас будет широкий спектр инструментов в распоряжении.

Итак, как моя установка сравнивается с вашей?

Перевод статьи

Источник: https://lpgenerator.ru/blog/2016/05/11/kak-ya-adaptiroval-svoj-mac-pod-razrabotku/

Консоль разработчика

При разработке скриптов всегда возможны ошибки… Впрочем, что я говорю? У вас абсолютно точно будут ошибки, если конечно вы – человек, а не робот.

Чтобы читать их в удобном виде, а также получать массу полезной информации о выполнении скриптов, в браузерах есть инструменты разработки.

Для разработки рекомендуется использовать Chrome или Firefox.

Другие браузеры, как правило, находятся в положении «догоняющих» по возможностям встроенных инструментов разработки. Если ошибка, к примеру, именно в Internet Explorer, тогда уже смотрим конкретно в нём, но обычно – Chrome/Firefox.

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

Google Chrome

Откройте страницу bug.html.

В её JavaScript-коде есть ошибка. Конечно, обычному посетителю она не видна, нужно открыть инструменты разработчика.

Для этого используйте клавишу F12 под Windows, а если у вас Mac, то Cmd+Opt+J.

При этом откроются инструменты разработчика и вкладка Console, в которой будет ошибка.

Выглядеть будет примерно так:

  • При клике на bug.html вы перейдёте во вкладку с кодом к месту ошибки, там будет и краткое описание ошибки. В данном случае ошибка вызвана строкой lalala, которая интерпретатору непонятна.
  • В этом же окошке вы можете набирать команды на JavaScript. Например, наберите alert(«Hello») – команду вывода сообщения и запустите её нажатием Enter. Мы познакомимся с этой и другими командами далее.
  • Для перевода курсора на следующую строку (если команда состоит из нескольких строк) – используется сочетание Shift+Enter.

Далее в учебнике мы подробнее рассмотрим отладку в Chrome в главе Отладка в браузере Chrome.

Firefox

Для разработки в Firefox используется расширение Firebug.

  1. Первым делом его надо установить.

    Это можно сделать со страницы https://addons.mozilla.org/ru/firefox/addon/firebug/.

    Перезапустите браузер. Firebug появится в правом-нижнем углу окна:

    Если иконки не видно – возможно, у вас выключена панель расширений. Нажмите Ctrl+ для её отображения.

    Ну а если её нет и там, то нажмите F12 – это горячая клавиша для запуска Firebug, расширение появится, если установлено.

  2. Далее, для того чтобы консоль заработала, её надо включить.

    Если консоль уже была включена ранее, то этот шаг не нужен, но если она серая – выберите в меню Консоль и включите её:

  3. Для того, чтобы Firebug работал без глюков, желательно сначала открыть Firebug, а уже потом – зайти на страницу.

    С открытым Firebug зайдите на страницу с ошибкой: bug.html.

    Консоль покажет ошибку:

    Кликните на строчке с ошибкой и браузер покажет исходный код. При необходимости включайте дополнительные панели.

Как и в Chrome, можно набирать и запускать команды. Область для команд на рисунке находится справа, запуск команд осуществляется нажатием Ctrl+Enter (для Mac – Cmd+Enter).

Можно перенести её вниз, нажав на кнопочку(на рисунке её не видно, но она присутствует в правом нижнем углу панели разработки).

Об основных возможностях можно прочитать на сайте firebug.ru.

Internet Explorer

Панель разработчика запускается нажатием F12.

Откройте её и зайдите на страницу с ошибкой: bug.html. Если вы разобрались с Chrome/Firefox, то дальнейшее будет вам более-менее понятно, так как инструменты IE построены позже и по аналогии с Chrome/Firefox.

Safari

Горячие клавиши: Ctrl+Shift+I, Ctrl+Alt+C для Mac – Cmd вместо Ctrl.

Для доступа к функционалу разработки через меню:

  1. В Safari первым делом нужно активировать меню разработки.

    Откройте меню, нажав на колесико справа-сверху и выберите Настройки.

    Затем вкладка Дополнительно:

    Отметьте Показывать меню «Разработка» в строке меню. Закройте настройки.

  2. Нажмите на колесико и выберите Показать строку меню.

    Инструменты будут доступны в появившейся строке меню, в пункте Разработка.

Итого

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

Далее мы приступим к изучению JavaScript.

Источник: https://learn.javascript.ru/devtools

Ссылка на основную публикацию