Программа для html для android
На написание данной статьи меня сподвиг пост хабровчанина ilichme — Десктоп – давай, до свидания!. Поэтому, сегодня более детально поговорим о том есть ли жизнь на Марсе насколько возможно и удобно писать код на устройстве с Android на борту. Сразу оговорюсь — обсуждать буду только планшеты, так как о прелестях кодирования на смартфоне и так все ясно. Хоть и речь не о написании кода, а об организации рабочего пространства, которое будет максимально удобным для разработки в условиях, где нет любимых IDE и т.д.
В свое время, когда покупал планшет, одним из критериев выбора было наличие удобной клавиатуры, так как я тогда знал, зачем покупаю сей девайс. А так как выбор в данном секторе небольшой, то остановился на ASUS Transformer. Это я к тому, что если у вас есть реальная необходимость писать код «на коленке», в условиях, которые не способствуют этому — значит статья для вас. Хотя она совсем не претендует на подробное пособие и решение ваших проблем (так как запросы у всех разные). А если уже говорить о запросах — эта стать скорее всего повод развить тему более подробно и поделиться опытом. Я уверен, что где-то существует еще не один вариант решения таких задач, под разные уровни работы.
Что будем обсуждать?
Так вот, некоторое время назад, я осознал, что много полезного времени теряю в дороге. Конечно, можно просто наслаждаться отдыхом, но иногда в голову приходят неожиданные решения разных рабочих проблем, которые нужно отработать прямо сейчас, ибо потом потеряешь мысль. Или просто хочется писать код — часто так бывает. В общем, время терять нельзя. Но, как назло, Android не самая удобная система для веб-разработки. Разработчики почему-то не очень спешат делать удобные редакторы кода или локальные сервера для отладки. Да вы все сами знаете и понимаете.
Техническое задание
- Удобный редактор кода, с подсветкой синтаксиса, с возможностью просмотра результата в браузере, функциями undo\redo, с выбором кодировки и т.д.
- Локальный веб-сервер (имеется в виду полноценный — с PHP, MySQL). Конечно, можно отдельно поставить PHP как? и руками прикрутить MySQL, но я хотел все и сразу
- Так же хотелось иметь встроенный ftp для работы с удаленным сервером (пока не критично)
В общем, это минимальный набор, который необходим в условиях отсутствия традиционного рабочего места. Конечно, сюда можно добавить еще много пунктов, но это дело вкуса, и, давайте не будем забывать, что это всего лишь планшет, и всего лишь временное решение проблемы. По мере необходимости и роста запросов, я буду искать новые решения, но пока достаточно и этого.
Что я нашел
Итак, потратив некоторое время, я довольно быстро нашел приложения, которые практически полностью меня удовлетворили.
Редактор кода
- Поддерживаемые форматы: .js .htm .html .css .php .php3 .php4 .php5 .txt and .xml;
- Подсветка синтаксиса;
- Встроенные виртуальные клавиши для тэгов и популярных ключевых фраз;
- Undo/Redo
Для тех, кому не понравился данный редактор, как альтернативу, могу посоветовать DroidEdit. Он также существует в двух версиях. Но как по мне, он уступает WebMaster's HTML Editor. Но, это дело вкуса. Все остальные редакторы мне совсем не понравились, так как имеют проблемы или с кодировкой или с работой с большими файлами. А это важно.
FTP-клиент
Программа позволяет сохранять конфигурации соединений (сервер, логин, пароль), а также предоставляет возможности скачивания/закачивания файлов, синхронизации каталога в сети с каталогом на мобильном устройстве, удаления и переименования файлов, изменения прав доступа. Для защиты ваших данных, программа позволяет использовать SSH RSA/DSA ключи. В общем, стандартный набор нормального ftp-клиента, вот только синхронизация папок, поддержка SCP и импорт настроек из файла доступны в ПРО-версии, которая стоит чуть больше 5$.
Локальный веб-сервер
А теперь поговорим о самом интересно — о локальной среде разработки и отладки написанного кода. Согласитесь, без локального веб-сервера вся идея разработки на планшете ничего бы не стоила. И так приходиться терпеть неудобства с ftp, так если бы еще пришлось работать с удаленным веб-сервером, было бы совсем неудобно. Как для меня, так это очень важный момент.
После некоторого времени поисков, я нашел-таки парочку неплохих решений, таких как kWS — Android Web Server или PAW Server for Android, но они меня не впечатлили.
Я уже было согласился их использовать, но неожиданно наткнулся на очень интересный продукт — KSWEB — server + PHP + MySQL и я сразу понял, что это то, что я так долго искал.
KSWEB — это пакет веб разработчика для платформы Android. В его состав входят: веб сервер, язык программирования PHP версии 5.4 и СУБД MySQL версии 5.1. KSWEB дает возможность организовать на вашем Android устройстве платформу для запуска и отладки веб приложений (сайтов). Все, что вам нужно, это установить приложение. В корне памяти устройства создастся папка htdocs, куда необходимо сохранять ваши файлы. Все, как в любом нормальном веб-сервере. После установки, откроется окно управления сервером.
Первым делом, я установил phpMyAdmin (он не установлен по умолчанию). Необходимо кликнуть на соответствующую кнопку в меню, программа спросит, куда устанавливать (путь оставить по умолчанию, так как он должен установиться в папку веб-сервера). Все файлы сервер скачает и распакует самостоятельно. После этого зайти в phpMyAdmin можно будет через панель управления сервером или через браузер, прописав localhost:8080/phpmyadmin. phpMyAdmin полностью функциональный, версии 3.5.2
Для того, чтобы запустить ваш файл, необходимо в панели управления нажать кнопку GO TO. Сразу откроется браузер по умолчанию, в адресной строке уже будет прописан путь к серверу (localhost:8080/), вам же остается только дописать имя файла. С панели управления также можно перегрузить сервер при необходимости. Кнопка Minimize сворачивает сервер в трей, а кнопка Exit закрывает приложение.
Панель настроек имеет такой вид:
Здесь вы можете указать порт, через который будет работать сервер, можете выбрать другую папку для сервера, заставить сразу грузиться в трей не открывая при запуске главное меню. По умолчанию, KSWEB содержит настроенные конфигурационные файлы сервера, PHP и MySQL. Однако, если вы хотите что-то в них изменить, в опциях сервера кликните на пункт «INI Files». Файлы с настройками будут пернесены на SD-карту вашего устройства по адресу "/mnt/sdcard/ksweb/ini/", если она доступна. Повторно кликнув на пункт настроек «INI Files», будут задействованы внутренние файлы настроек.
В Маркете нет возможности купить платную версию, это вы можете сделать через панель опций программы. Лицензия стоит чуть больше 2$ — смешная цена за столь удобное и полезное приложение.
Вот, собственно, и весь необходимый минимум. Конечно, все это субъективно, и я рад буду услышать дополнения и новые решения. Я же, параллельно с личностным ростом и новыми проблемами, буду искать новые пути и средства решения. Может, в конце-концов, и соберу идеальную среду разработки на Android) Спасибо за внимание.
Редактор Вебмастера Lite
Этот достаточно простой редактор, поддерживающий не только HTML-файлы, но и JavaScript, CSS, PHP. Здесь вы не найдете каких-то интересных возможностей, зато базовые вещи здесь реализованы невероятно качественно. Среди них такие простые радости жизни, как подсветка синтаксиса, нумерация строк, удобный проводник и кнопки быстрого доступа. Кроме того, Редактор Вебмастера Lite поддерживает доступ к файлам FTP.
В общем, прекрасное бесплатное приложение для исполнения ваших основных веб-потребностей. Есть небольшой минус — за то, чтобы снять ограничение по размеру кода и открыть доступ к предпросмотру, придется заплатить 199₽.
AWD — сокращение от Android Web Developer, и это уже куда более мощный продукт. Помимо стандартных JavaScript, CSS, PHP, HTML, он поддерживает JSON, а также позволяет управлять проектами на FTP, FTPS, SFTP и WebDAV.
Здесь также есть подсветка синтаксиса, автодополнение кода, нумерация строк, функция просмотра, поиск и замена функций, автосохранение, интеграция с Git, разного рода форматирование текста и многое другое.
Здесь вы можете скачать это приложение.
DroidEdit
Платная версия обойдется вам всего в 149 рублей, но если вам действительно приходится часто кодить на ходу — это сущие мелочи. В качестве бонуса за щедрость вы также получите доступ к Dropbox и Google Drive, таким образом сможете напрямую сохранять свои проекты в облако.
Но если вам это не надо, можно и скачать бесплатную версию. Прямо отсюда.
Quoda Code Editor
К сожалению, как и в случае с DroidEdit, полная версия стоит денег — 225 рублей. Но и ограниченная версия должна вам очень понравиться.
Jota Text Editor
Ну а если вам надоели все эти навороченные редакторы кода, то вот вам простой и мощный инструмент для работы с HTML (и не только). Около 5 миллионов скачиваний и рейтинг, близкий к максимальному, наглядно демонстрируют качество работы с Jota Text Editor. За нулевые вложения вы получаете элементарный редактор, способный лишь определять и подсвечивать синтаксис, а также ограничение в миллион символов. Но надо ли вам больше?
Если нет, то тогда устанавливайте Jota.
Еще одна аббревиатура в названии (AIDE — Android Integrated Development Environment), скрывающая большие возможности разработки. Это некое руководство по созданию приложений для Android, от мобильных до игровых. При этом, это не просто собрание лекций и видео, а полноценный редактор с возможностями отладки, верификации и тестирования.
Приложение полностью совместимо с такими привычными инструментами разработки, как Eclipse и Android Studio, поэтому вы не потратите ни секунды драгоценного времени для перехода с мобильной версии на полноценное рабочее место.
Главное, не забыть скачать себе на мобильное устройство AIDE.
anWriter
Закончим рейтинг бесплатным HTML-редактором с поддержкой CSS, JavaScript и Latex. Это в бесплатной версии. Если заплатите 210 рублей, получите также поддержку PHP и SQL. Кроме того, в комплекте вы найдёте совместимость с HTML 5, CSS 3, jQuery, Bootstrap и Angular, возможности работы с FTP и Google Drive.
1. WebMaster’s HTML Editor Lite (Free)
WebMaster’s HTML Editor Lite — это редактор кода, который поддерживает JavaScript, CSS, PHP и HTML.
Программа не предлагает много дополнительных функций, но очень хорошо справляется с базовыми. Стоит отметить подсветку синтаксиса, нумерацию строк и встроенный файловый менеджер. Также программа обеспечивает поддержку FTP-сервера.
Редактор имеет встроенные виртуальные клавиши для тэгов и популярных ключевых фраз, поддерживает функции undo/redo. Доступны ночной и дневной режим, поиск и замена в тексте, и переход к строке по номеру строки. Идеально подходит для веб-программирования на ходу. Имеющиеся кодировки: ASCII, UTF-8, Win-1252, Win-1250, KOI-8, Win-1251, и др.
2. AWD (Free)
Android Web Developer (AWD) — это IDE (интегрированная среда разработки) для веб разработчиков. Поддерживаются следующие языки и форматы: PHP, CSS, JS, HTML, JSON, а также управление удаленными проектами и взаимодействовать с ними с помощью FTP, FTPS, SFTP и WebDAV.
Приложение также обеспечивает неограниченное количество действий по отмене/восстановлению, частое автосохранение и интеграцию с Git’ом.
3. DroidEdit (Free)
Платная версия стоит $2, но добавляет несколько полезных функций.
4. Quoda Code Editor (Free)
К сожалению, как и DroidEdit, некоторые из наиболее полезных функций зарезервированы для платной версии. $4 добавляют поддержку Dropbox и Google Drive, предварительный просмотр HTML и Markdown, интеграцию SFTP и FTP, фрагменты с остановками вкладок и переменными, а также предлагает завершение кода.
5. anWriter (Free)
Я завершу свой обзор anWriter. Это бесплатный HTML-редактор, который поддерживает CSS, JavaScript и LaTeX. Если вы обновитесь до версии pro, то также получите поддержку PHP и SQL.
Приложение может работать со всеми новейшими технологиями, используемыми в Интернете, включая HTML 5, CSS 3, jQuery, Bootstrap и Angular, имеет возможность автозаполнения для всех поддерживаемых языков и синтаксическое выделение.
Респект за пост! Спасибо за работу!
Хотите больше постов в блоге? Подборок софта и сервисов, а также обзоры на гаджеты? Сейчас, чтобы писать регулярно и радовать вас большими обзорами, мне требуется помощь. Чтобы поддерживать сайт на регулярной основе, вы можете оформить подписку на российском сервисе Boosty. Или воспользоваться ЮMoney (бывшие Яндекс Деньги) для разовой поддержки:
Заранее спасибо! Все собранные средства будут пущены на развитие сайта. Поддержка проекта является подарком владельцу сайта.
Telegram
Последние
Рубрики
А так, пользуюсь QuickEdit. Для git юзаю termux, для мелких правок vim в нём.
СЧЕТЧИКИ
РЕКЛАМА И ДОНАТЫ
Социальные сети
©2016-2022 Блог Евгения Левашова. Самое интересное и полезное из мира ИТ. Windows 10, Linux, Android и iOS. Обзоры программ и веб-сервисов. Статьи о мотивации и продуктивности.
Данный блог является личным дневником, содержащим частные мнения автора. В соответствии со статьей 29 Конституции РФ, каждый человек может иметь собственную точку зрения относительно его текстового, графического, аудио и видео наполнения, равно как и высказывать ее в любом формате. Блог не имеет лицензии Министерства культуры и массовых коммуникаций РФ и не является СМИ, а, следовательно, автор не гарантирует предоставления достоверной, не предвзятой и осмысленной информации. Сведения, содержащиеся в этом блоге не имеют никакого юридического смысла и не могут быть использованы в процессе судебного разбирательства. Автор блога не несёт ответственности за содержание комментариев к его записям.
По просьбе Carduelis и в продолжение этой и этой статей, «полтора года спустя» делаю обзорную статью приложений, которые появились/обновились за это время.
В статью не попадут редакторы текста/кода. Только приложения, которые имеют хотя бы минимальные признаки IDE. То есть код можно запустить и проверить его корректность без выхода из приложения. Программы расположены в алфавитном порядке.
AWD — IDE for WEB Development
Умеет:
- Большое количество способов для редактирования вашего удаленного проекта: FTP, FTPS, SFTP, WebDAV
- Подсветка кода
- Автозавершение кода
- Поддержка хардварных клавиатур + горячие клавиши
- Проверка кода на ошибки
- Автоформатирование кода
- Поддержка планшетов
- Автоопределение кодировки файла
- Подсветка закрывающего/открывающего тега при наведении курсора на него
- Подсветка закрывающей/открывающей скобки
- Нумерация строк
- Интеграция в веб сервером
- Быстрый просмотр результата в браузере
- Подсветка текущей строки
- Периодическое автосохранение
- Поиск и замена с возможностью использования регулярных выражений
- Недавно закрытые проекты
- Отмена/повтор
- Полноэкоранный режим
- Переименование/создание/удаление/копирование и вставка ваших файлов внутри проекта
DroidEdit
Программа не заточена под веб разработчиков, но практически все, что нужно, в ней есть.
Умеет:
Понравилось:
- Приятная цветовая схема по-умолчанию
- Богатый набор функций
- Подсветка открывающей/закрывающей скобки
- В целом чувствуется, что автор старался и делал все с умом
Не понравилось:
- Подсветка при скроллинге выполняется с запаздыванием. Некритично, но неприятно
- Довольно сильно тормозит переключение между табами
- Панелька поиска/замены выезжает с дикими тормозами
- Go to line не работает, если фокус расположен не на тексте
Google Play
Цена полной версии: 66р
Sand IDE for Webmaster
Умеет:
- Подсветка кода PHP, HTML, JS
- Нумерация строк
- Отмена/повтор
- Поддержка двух цветовых схем
- Поддержка хардварной клавиатуры
- Просмотр результата в браузере
- Автозавершение кода, хотя в описании на Google play этой информации нет
Понравилось:
- Быстро открывает файлы
- «Врапит» длинные строки с учетом нумерации строк
- Относительно удобное автозавершение кода
- Сама концепция интерфеса
Не понравилось:
- CSS код вообще не подсвечивает
- Глупая подсветка: просто выбирает слова из словаря
- Автозавершение появляется секунд через 5
- Не реализованы никакие протоколы для работы с удаленными файлами
- Вообще не открывает файлы с расширением не из словаря. То есть «my_text.htm» вы вообще не откроете
- Чтобы открыть файл, надо вначале в настройках приложения выбрать «workspace», а потом сторонней программой переместить файл в эту папку.
Google Play
Цена полной версии: 86р
Terminal IDE
Вместо иконки используется скриншот.
WebMaster's HTML Editor
Приложение старое, но автор все еще делает обновления. Кстати, он русскоязычный.
Умеет:
- Подсветка кода HTML, CSS, JS, PHP
- Автозавершение кода
- Автоматическая расстановка отступов в коде (при переносе каретки на новую строку)
- Просмотр результата в браузере
- Нумерация строк
- Отмена/повтор
- Поддержка двух цветовых схем
Понравилось:
- Достаточная удобная навигация по коду с помощью экранных клавиш
- Экономящая пространство маленького экрана компановка элементов UI. То есть открытые файлы размещены не в классических табах сверху
Не понравилось:
- Опять же нет никакой возможности работать с удаленными файлами
- Забывает последнее открытое местоположение файла после закрытия программы
- Автозавершение есть, но оно очень неудобное
- Кодировка выставляется сразу для всей программы, а не для конкретного файла
- На четвертом большом файле зависла
Google Play
Цена полной версии: 165р
Веб сервера с PHP
Клавиатуры
Точнее клавиатура, которую я могу порекомендовать — это
Hacker's Keyboard. Фактически она повторяет обычную QWERTY клавиатуру. Очень большим плюсом считаю то, что горячие клавиши в программах, где они поддерживаются, отлично работают с этой клавиатурой.
Вывод
В принципе, на данный момент есть всё необходимое для разработки. Но все же сильно печалит количество подобных программ. Их действительно мало. Объясняю это маленьким спросом на подобные программы. Многие люди не воспринимают Android как полноценную ОС, хотя она является таковой. К примеру, она отлично поддерживает мышь и клавиатуру.
Вдохновением для написания данной статьи стал вопрос в q&a про среду web-разработки для android'а. К сожалению ide как такового для данной ос не существует, а реализация виртуального сервера lamp не представляется мне возможной. Однако существует достаточное количество программ, которые могут облегчить процесс написания кода с android-устройства, если возникла такая необходимость.
Предистория
У меня такая необходимость все же возникла. По воле случая на момент написания статьи прохожу военную службу в вооруженных силах РБ. По началу думал, что буду на полтора года оторван от любимого дела, однако android-телефон спас меня от этого. Сложные какие вещи написать врядли удасться, однако некие небольшие полезности вполне. Все же лучше чем ничего.
1. Android WebEditor Lite
Программа имеет простой интерфейс. Внизу небольшая панель тегов с выпадающим списком, что может быть весьма полезным, если к ней привыкнуть. Имеется поле поиска, которое можно отключить в настройках. Также в настройках можно настроить кодировку текста, размер шрифта и перенос строки. Однако сильно хромает подсветка кода: в php документах лишь синеют символы $. К плюсам можно отнести встроенный ftp клиент с возможностью запуска скриптов (в про версии), и предпросмотр html документов. Плюс ко всему Android WebEditor — плод русского разработчика.
2. Touchqode
3. SilverEdit
Неплохой редактор с приятным для глаз и интуитивно понятным интерфейсом. В программе нет ничего лишнего: редактор, ftp клиент, предпросмотр (в про версии). Настройки кодировки имеются, правда выбор неполный. Также имеются настройки текста, подсветки, такой немаловажной функции как автосохранение.
4. WebMaster
На вид довольно удобный. Внизу располагается панель с наиболее востребованными символами, которую можно скрыть. Также панель навигации по документу, undo/redo, copy/past. Подсветка синтаксиса отсутствует, однако авторы добавили функцию автодополнения кода для jQuery. Также есть поддержка жестов и горячих клавиш, настройки кодировки, в полной версии доступен предпросмотр.
5. Codeanywhere
Для работы с данным продуктом требуется регистрация в системе. После чего вам предложат добавить ftp/sftp сервер, с которым вы будете работать. Работа с локальными файлами не поддерживается, документы загружаются непосредственно с сервера. В остальном же редактор не выделяется ничем особенным.
6. DroidEdit
На мой взгляд самый удачный выбор. Интерфейс программы составляют две скрывающиеся панели: нижняя с софт клавишами открыть/сохранить, undo/redo и др; правая, в которой показан список последних открытых файлов. Внешний вид редактора настраивается от и до, начиная от размера шрифта и цвета фона и заканчивая настройками подсветки, а она между прочим на высоте. Есть настройки кодировки. Поддерживается работа с dropbox.
Читайте также: