整理一下比較常用好用的 chrome extensions (有些Firefox、Safari也有支援)。


Smart TOC

瀏覽網頁時提供 Table of contents 方便瀏覽文章標題。

smart_toc.png


JSON Formatter

讓 JSON 格式輸出更好看。

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php

header('Content-Type: application/json;');

$datas = [
[
'id' => 1,
'name' => 'Jack',
'phone' => '0912345678',
'habbit' => ['running', 'swimming']
]
];

echo json_encode($datas);

Before

json01.png

After

json02.png


octotree

瀏覽 GitHub 時,程式碼旁邊樹狀顯示,更方便瀏覽。

octotree.png


ModHeader

修改 HTTP Request Response Headers。

modheader.png


EditThisCookie

新增/編輯/刪除 Cookie。

editthiscookie.png


PostMan

測試開發 API 神器,本來只是 chrome extension,後來變成獨自軟體。

Example

  • 發送 DELETE Request 到 localhost:8000 index.php

    1
    2
    3
    <?php

    echo $_SERVER['REQUEST_METHOD'];
  • 結果回傳 DELETE
    postman.png


RequestBin

既然說道API就順便提一下,產生一個 URL 可以收集紀錄 Request 資訊。

Example

  • 首先 Create a RequestBin 會得到一個 URL https://requestb.in/xxx

  • 用 Postman POST 帶 hello=world 的值過去
    requestbin01.png

  • https://requestb.in/xxx?inspect 查看接收到的訊息
    requestbin02.png