[Web] Browser Developer Tools 技巧

Intro Web development tools / devtools – Wikipedia 本篇將以 Chrome 瀏覽器為主,介紹 Developer Tools 的實作技巧 Window.open() 新視窗監測 現行要監測某個 button click 會開啟轉導去哪,在前端框架下從 JS code 很難找出目的,若又是 window.open 效果則無法持續透過 developer tool 監測 Network 歷程 比較簡單暴力的做法是在該 web page 的 console 覆寫 window.open() 看要 console.log() 出來還是改成 […]

[Andriod] APK 編譯/反編譯工具指南

Intro APK (Android application package) – Wikipedia 工具 – Tools ADB (Android Debug Bridge)用於調試Android設備的命令行工具,使用戶可以借ADB工具與Android設備進行通信(支援Emulator)。 Android Debug Bridge (adb) | Android Developers Download – SDK Platform Tools release notes | Android Developers adb commands cheatsheet adb logcat –buffer=crash How to get […]

[Web] Mobile app 模擬器 WebView 除錯/開發者工具

Intro 本篇介紹在 Mobile 裝置模擬器上針對 WebView 除錯/開發的方式 Andriod 利用電腦OS上的Chrome DevTools去抓取連接裝置上正在運行的app Webview,限制是只會列出有開Webview debug(setWebContentsDebuggingEnabled)的app。 Run apps on the Android Emulator – Android Developers Using Google Chrome Dev tools on Android (emulator) – Stackoverflow 安裝 Andriod Studio (以此為例) 在 Project 中建立一個 Android Virtual Device […]

[K8s] Kubernetes – 容器管理工具指南

Intro Kubernetes – Wikipedia Kubernetes Documentation (Reference: ByteByteGoHq/system-design-101) 生態系 (Ecosystem) Minikube – 本地端工具 適合開發測試使用的本地端 K8S 集群工具,透過單一 Cluster 方便在本地端上演練各種指令操作 Hello Minikube – Kubernetes minikube start TBC References [AWS EKS] 從零打造一個可運行 Fargate workload 的 EKS cluster [Kubernetes] Pod 的設計 & 相關運作機制

[Windows] 環境變數設定(Environment Variables) – 如php, mysql, cygwin cmd.

Intro 一般應用在使用如Xampp的php想要有alias指令,或像Cygwin執行檔環境變數問題。 Windows10環境變數設定選單: “My Computer” -> Properties -> Advanced -> Environment Variables 或 “Control Panel\System and Security\System” -> Advanced system settings -> Advanced -> Environment Variables 效益上就是要達到SET PATH=%PATH%;C:\your,差異在設定方式會是永久保存。 環境變數設定 可以先看到分User variables與System variables,一般我們只需要異動使用者的。 變數Path Path變數提供類似Command Alias功能, 實作上例如安裝Xampp後期待可以透過cmd輸入php,mysql等alias執行相依程式。 以PHP安裝在D:\xampp\php\目錄舉例,在環境變數設定介面選擇Path的變數進行編輯,可以新增一行: D:\xampp\php 儲存後,可以在cmd下測試輸入php -v是否有成功。

[Cygwin] Windows上Linux Bash工具 – Cygwin指南

介紹 Cygwin主要為在Windwos上運行POSIX系統(類Linux)。 另外可選解決方案: [WSL] Windows Subsystem for Linux (WSL2) 環境指南 基本設定 Cygwin捷徑 實際的執行檔與其參數如下: cygwin64\bin\mintty.exe – 注意後面有-以利執行BAT所需 Cygwin Bootstrap啟用 (Cygwin ls command not found) Cygwin的執行檔/bin/bash.exe以及/bin/mintty.exe若直接執行則commands都會失效,以下提供解法: BAT預設啟用檔 在Cygwin目錄下有個BAT檔:/Cygwin.bat 直接執行此BAT檔則可正確開啟並登入Cygwin,即可正常使用Commands。 確保/Cygwin.bat內容正確,Cygwin安裝目錄符合安裝路徑,如下: @echo off C: chdir D:\cygwin64\bin bash –login -i 環境變數解決方法 Right click on […]

[SublimeText] Sublime Text 3 – Windows 7 無法開啟檔案開啟

問題 環境: windows 7 64位元 安裝或用免安裝 Sublime Text 3 後, 嘗試打開關連的檔案類型,卻找不到關連的應用程式。 從瀏覽去找安裝目錄下選 sublime_text.exe 也沒反應。 解決方法 這種問題多半卡在Windows機碼(本機群組原則),在Windows執行 regedit,路徑找到以下: \HKEY_CLASS_ROOT\Applications\ // 或者 \HKEY_CLASSES_ROOT\Applications\ 此目錄底下,找出有關Sublime Text的資料夾,例如: \HKEY_CLASSES_ROOT\Applications\sublime_text.exe 我的方法是直接將相關資料夾刪除,讓應用程式重新註冊,一次搞定! 參考:http://seasell2.blogspot.tw/2014/03/sublime-text-2-sublime-text-3.html