Category Archives: Development tools

Debugging site in chrome from android device

Download platform tools from here — https://developer.android.com/studio/releases/platform-tools.html. Run ADB with command

./adb start-server
# when you finished, stop it with
# ./adb kill-server

./adb start-server

# when you finished, stop it with

# ./adb kill-server

Configure your phone according to this article — https://developer.android.com/studio/debug/dev-options.html (for my specific it is https://www.syncios.com/android/how-to-debug-xiaomi-mi-max-mix.html). Connect your phone to the computer with USB cable. Follow instructions from here — https://developers.google.com/web/tools/chrome-devtools/remote-debugging. When finished, stop ADB and turn off all the developer features on your …

env-file parser for Goland

You can use env-file parser for running and debugging your app in Jetbrains’ products like Goland. It’s pretty simple and works. https://github.com/Ashald/EnvFile

Simple online editor for javascript

Just paste it into navigation bar:

data:text/html, <html><script>window.onbeforeunload = window.onunload = function(){return 'Confirm page reload';};</script><body><button onclick="console.log(eval(document.querySelector('textarea').value.replace('<div>', '\n').replace('</div>', '\n')))">run</button><br><textarea style="width:600px;height:400px"></textarea></body><script>document.querySelector('textarea').focus();</script>

data:text/html, <html><script>window.onbeforeunload = window.onunload = function(){return 'Confirm page reload';};</script><body><button onclick="console.log(eval(document.querySelector('textarea').value.replace('<div>', '\n').replace('</div>', '\n')))">run</button><br><textarea style="width:600px;height:400px"></textarea></body><script>document.querySelector('textarea').focus();</script>

It just outputs the result into console when you click run button. It’s simple and works. Because sometimes you just don’t need monsters like jsfiddle or jsbin.

PlantUML — плагин для Jetbrains IDEA для рисования UML диаграмм

PlantUML — плагин для Jetbrains IDEA для рисования UML диаграмм. У них есть сайт, хоть и странный — http://plantuml.com/. Сложные диаграммки рисовать очень неудобно, но простые делаются кодом навроде этого:

Bob->Alice : hello

1	Bob->Alice : hello

collabedit для совместного редактирования кода

Удобно для проведения технического собеседования. http://collabedit.com/

Инструмент для построения диаграмм

Сервис для постоения диаграмм — https://www.gliffy.com/.

Отдебажить и проинспектировать различную аналитику

https://chrome.google.com/webstore/detail/observepoint-tag-debugger/daejfbkjipkgidckemjjafiomfeabemo?hl=en-US

LAMP на Vagrant

Попросили меня тут посмотреть один сайтик на php, а подлезть туда никак нельзя. Т.е. даже ssh-доступа нет, xdebug тоже не поставить. Пришлось поднять Vagrant. Я форкнул и доработал конфиг для вагранта — https://github.com/bullgare/vagrant-lamp. Для тех, кто с вагрантом не очень знаком, ниже немного про полезные команды:

# запуск
vagrant up
# зайти через ssh
vagrant ssh
# сохранить состояние машины и заснуть (быстрый старт, но ест память)
vagrant suspend
# выключить машину
vagrant halt
# перезагрузить машину
vagrant reload
# рестартануть и перечитать конфиг provision.sh
vagrant reload --provision

# запуск

vagrant up

# зайти через ssh

vagrant ssh

# сохранить состояние машины и заснуть (быстрый старт, но ест память)

vagrant suspend

# выключить машину

vagrant halt

# перезагрузить машину

vagrant reload

# рестартануть и перечитать конфиг provision.sh

vagrant reload --provision

Dash для быстрого доступа к нужной документации

Это приложение для быстрого поиска по нужной документации. https://kapeli.com/dash

Доступ к локальному серверу из внешней сети

https://github.com/localtunnel/localtunnel Пример использования

lt --port 80 --local-host "my.cool_local_host"

1	lt --port 80 --local-host "my.cool_local_host"

Полезно использовать, если, к примеру, нужно протестировать сайт в Opera Mini или в Google Page Speed.