Command Palette

Search for a command to run...

Бесплатные инструменты для удаленных разработчиков: мой набор инструментов для создания вкладок в браузере

Бесплатные инструменты для удаленных разработчиков: мой набор инструментов для создания вкладок в браузере

T
Toolz Team
|Jul 9, 2026|14 Мин. читать

У меня никогда не было «компании-ноутбука». Я строю Toolz.dev, Поддерживайте плагин WP Adminify, отправляйте Laravel и React Work для клиентов, которых я в основном никогда не встречал лично. Мой офис — это браузер и терминал, а мои товарищи по команде разбросаны по достаточному количеству часовых поясов, что «быстрая синхронизация» является проблемой планирования. На протяжении многих лет эта установка научила меня чему-то конкретному в инструментарии: когда вы работаете удаленно, инструмент, который побеждает, не самый мощный. Это тот, который уже открыт.

Тяжелое настольное приложение, которое вы должны запустить, войти в систему и дождаться трения. Когда коллега вставляет 200-строчный двоичный двоичный объект JSON в Slack, и вы разговариваете по вызову, вы не хотите открывать собственное приложение. Вы хотите вкладку. Этот инстинкт — это единственная причина, по которой существует Toolz.dev, и именно поэтому это руководство представляет собой список инструментов, к которым я действительно стремлюсь в течение обычного рабочего дня, а не дополненной сводкой.

Я тоже буду честен о пробелах. Есть вещи, которые не делает Toolz.dev, и я бы предпочел вам сказать, чем вы узнаете в середине задачи. Давайте пройдемся по инструментарию так, как я его использую.

TL;DR: Для удаленной работы вам нужны инструменты, которые загружаются мгновенно и обрабатывают данные локально, поэтому ничто не покидает ваш компьютер. Мой ежедневный набор: Форматтер JSON Для чтения ответов API, Конвертер Base64 а JWT декодер Для отладки аутентификации, Конвертер времени отметки времени а конвертер часовых поясов Для межзонных команд, текст разница Для сравнения конфигурации и Изображение компресс перед каждой загрузкой скриншота. все бесплатно, все в браузере, без учетной записи.Единственный честный пробел: Toolz.dev не имеет PDF-инструментов - я использую Stirling PDF или iLovePDF для тех.

Почему инструменты браузера превосходят установленные приложения для удаленной работы?

Ответ не в том, что «браузеры модные». Это несколько конкретных преимуществ, которые имеют значение только тогда, когда вы работаете с ноутбука, который не находится в корпоративной сети.

Новые машины очевидны один. я перестраивал свою рабочую среду на одолженный ноутбук более одного раза, обычно потому, что диск умер в самое худшее время. каждый час, потраченный на переустановку утилит рабочего стола, это час не доставка. вкладка браузера нуждается в нулевой настройке. Ограниченные среды являются вторым: множество клиентских машин и заблокированных корпоративных ноутбуков просто не позволит вам установить программное обеспечение, и веб-инструмент обходит это полностью. Тогда есть необработанная скорость - открытие вкладки быстрее, чем холодный запуск собственного приложения - и межплатформенная согласованность, потому что один и тот же инструмент ведет себя одинаково на macOS, Windows, Linux и Chromebook.

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

любовное Инструменты браузера установленные приложения для настольных ПК
Время установки Нет - откройте вкладку Скачать, установить, войти
Работает на заблокированной машине да часто заблокирован им
Большие файлы (500 МБ+) Ограничена памятью браузера справляется с ними лучше
конфиденциальность данных Инструменты на стороне клиента никогда не загружаются Зависит от приложения
Глубокое редактирование (Photoshop-Grade) нет да
Оффлайн после первой загрузки Иногда (кэш) да

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

Какие данные и инструменты API я открываю каждый день?

Большая часть моего дня — это перемещение данных между формами и чтение того, что на самом деле возвращает API.

JSON - константа. API, журналы, файлы конфигурации, полезные данные об ошибках - все JSON, и половина из них поступает в виде одной нечитаемой строки. The Форматтер JSON это та вкладка, которую я закрепил. Вставьте миниатюрный двоичный объект, получите вывод с отступом, и он пометит точную позицию синтаксической ошибки, которая обычно является конечной запятой, в которой кто-то оставил. Когда я локтем в JSON, я опираюсь на весь набор, покрытый Полное руководство по инструментам JSON, йо-

Данные постоянно пересекают границу электронной таблицы/приложения. Клиент отправляет CSV записей, мой API хочет JSON. CSV в JSON справляется с этим направлением и json в CSV Обрабатывает поездку обратно для заинтересованных сторон, которые живут в Google Sheets. Одна вещь, которую стоит знать, прежде чем вы слепо доверять преобразование: инструмент CSV в JSON выводит типы, поэтому 07102 становится числом 7102 И ведущие нули исчезают. Я написал, где именно это укусы в CSV в руководство JSON- это своего рода тихая коррупция данных, которая разрушает миграцию.

Отладка по аутентификации — это свой собственный небольшой ритуал. Когда запрос 401s и мне нужно посмотреть, что на самом деле требует токен, JWT декодер Разделяет его на заголовок, грузоподъемную и подпись, чтобы я мог проверить exp и области. Base64 также отображается повсюду вокруг аутентификации - URI данных, заголовки базовой аутентификации, двоичные файлы, встроенные в JSON - и т. д Конвертер Base64 Обрабатывает оба направления. Для yaml, который запускает мои развертывания, манифесты Kubernetes и конфиги CI, один плохой отступ ломает конвейер, поэтому Валидатор YAML Поймал его до того, как это сделает развертывание.

Если ваша работа тяжелая API, я собрал набор более полных Руководство по инструментам отладки API, йо-

Как эти инструменты помогают в разных часовых поясах?

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

Журналы приходят с метками UNIX. Произошёл инцидент в 1708876200 И мне нужно знать, когда это было в мое местное время, прежде чем я смогу соотнести это с чем-либо. выше Конвертер времени отметки времени мгновенно превращает это в человеческое свидание - и, убедившись в этом на собственном горьком опыте, это значение 2024-02-25T15:50Z, не то, что говорит ваша интуиция. выше конвертер часовых поясов Это то, что я использую при планировании с людьми в городах, на которые я не мог бы указать на карте без посторонней помощи.

Однако привычка, которая на самом деле предотвращает ошибки, не является инструментом. Храните все в UTC внутри, отображайте в локальной зоне пользователя 's в пользовательском интерфейсе и используйте ИСО 8601 в каждом журнале и сообщении, так что нет никакой двусмысленности, чтобы конвертировать в первую очередь. конвертер для тех случаев, когда кто-то другой не следовал этому правилу.

Какие текстовые инструменты экономят мне больше всего времени?

Маленькая, негламурная, постоянная.

Соглашения об именах — это ежедневное преобразование. JavaScript хочет CamelCase, Python хочет Snake_case, константы хотят upper_case, URL-адрес kebab-case. Я вставляю список имен столбцов базы данных в конвертер и получить обратно имена свойств без ручного редактирования сорок строк. для чего угодно с ограничением длины - мета-описание, сообщение фиксации, документация с минимумом - the счетчик слов Дает мне счет без моего счета.

выше текст разница Инструмент зарабатывает вкладку. Git обрабатывает дифференциал кода, но я всегда сравниваю две вещи, которые Git не отслеживает: промежуточный конфигурацию с производством, API-ответ до и после изменения, два черновика спецификации. Бок о бок с выделенными дополнениями и удалениями, я вижу одну строку, которая отличается в секунду. И когда мне нужен выброшенный текст-заполнитель для макета, Генератор Lorem Ipsum бьет копирование с какого-то случайного сайта - хотя и справедливо предупреждает, он производит только абзацы, и его первая строка - немного неправильная классика & quot;Lorem ipsum odor amet, & quot; не & quot;dolor. & quot; Я покопался в этой причуде Руководство по текстовым инструментам, йо-

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

А как насчет изображений и работы с интерфейсом?

Я регулярно вношу свой вклад во интерфейс, а скриншоты являются постоянным побочным продуктом удаленной работы - отчеты об ошибках, PR-контекст, документация.

Неоптимизированные скриншоты раздувать репозитории и продувать лимиты вложений. я все пробегаю Изображение компресс прежде чем он перейдет в выпуск GitHub или поток Slack. Когда мне нужен определенный размер - социальная карта 1200×630, постоянная ширина документа - Изменение размера изображения делает ли это, и конвертер формата ручки PNG/JPEG/webp без установки ImageMagick. Предупреждение об этом конвертере: он выводит только PNG, JPEG или WebP, а не AVIF, и прозрачный PNG, сохраненный, когда JPEG компонуется на черном, а не на белом, согласно спецификации HTML. Такие детали живут в Руководство по конвертеру формата изображения, йо-

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

Для работы CSS есть градиент генератора и тот палитра, йо- И новейшее дополнение, на которое я опираюсь: Проверка цветового контраста, потому что я однажды отправил светло-серый текст, который был невидим в солнечном свете, и я никогда не хочу делать это снова. Полная история находится в Руководство по проверке цветового контраста, йо-

Какие утилиты кодирования завершают набор?

Горстка, без которой я бы не хотел работать. выше Генератор UUID для тестовых данных и фиктивных записей. выше регулярный конструктор для построения и тестирования шаблонов на основе текста образца, прежде чем вставить их в код - regex write blind - это regex, который не работает в производстве. The Форматтер SQL Для того, чтобы сделать стену запроса читабельной. выше хэш-генератор для контрольных сумм.

И поскольку я провожу много времени в WordPress, несерийный Инструмент декодирует сериализованные двоичные объекты, которые живут в wp_options таблица. Когда плагин ведет себя неправильно, его сериализованные настройки обычно рассказывают историю быстрее, чем переход через код - я написал весь подход в Руководство по несериализации PHP, йо-

Чего не делает Toolz.dev

Я лучше скажу это прямо, чем позволю ссылке 404 на вас. Toolz.dev не имеет инструментов PDF. Ни слияния, ни слива, ни сжатия, ни вращения. Если вы приземлитесь здесь, чтобы объединить два PDF-файла, я не собираюсь отправлять вас в инструмент, которого не существует. Используйте Stirling PDF, если вы хотите что-то самодостаточное и частное, или iLovePDF для быстрой работы в Интернете. Я держу их в закладках.

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

Угол конфиденциальности на самом деле имеет значение для удаленной работы

Когда вы работаете из дома, кафе или коворкинга, ваши данные пересекают сети, которые вы не контролируете. здесь обработка на стороне клиента перестает быть модным словом. инструменты на Toolz.dev, которые обрабатывают данные, делают это в вашем браузере - файл или текст никогда не покидает вашу машину, поэтому нечего перехватить через схематичное кафе WiFi и ничего не сидит где-то в журнале сервера. Для обработки текста контракта клиента и #39;s или файла конфигурации, полного строк соединения, это разница между & quot;fine" и & quot;incident report." Я углубился в модель конфиденциальности в Руководство по инструментам конфиденциальности данных, йо-

Часто задаваемые вопросы

Инструменты на Toolz.dev бесплатны?

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

Инструменты работают в автономном режиме?

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

Безопасны ли эти инструменты для данных компании или клиента?

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

Могу ли я использовать их на своем телефоне?

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

Есть ли у Toolz.dev инструменты PDF?

нет , йо- Это честный разрыв. На сайте нет инструментов объединения, разделения, сжатия или вращения PDF. Для тех, кто я использую Stirling PDF или iLovePDF, и рекомендую сделать то же самое.

Есть ли API для этих инструментов?

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

Насколько большим файлом могут обрабатываться эти инструменты?

Поскольку обработка находится в браузере, потолок — это память вашего устройства, а не ограничение на сервер. Большинство современных машин обрабатывают файлы до пары сотен мегабайт. Для действительно больших файлов лучшим выбором является инструмент командной строки.

Какие инструменты следует сначала закладывать удаленный разработчик?

Начните с четырех, которые я открываю больше всего: Форматтер JSON, Конвертер Base64, Конвертер времени отметки времени, и текст разница, йо- Добавьте остальное, когда возникнут конкретные потребности.

честный вывод

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

открытый Toolz.dev, закрепите четыре предмета первой необходимости и добавьте в папку инструменты, так как день бросает их вам. И когда вам нужен PDF-файл вместе взятые, теперь вы знаете, куда я отправляю себя.


Связанные инструменты:

Frequently Asked Questions

Yes, the tools are free to use with no watermarks. To be accurate rather than salesy: there is a usage-metering system, and guests get a per-tool daily limit that rises when you register. Most people never hit it. There is no paywall on the tools themselves and no forced signup to try them.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!