啟用 Laravel Telescope 黑夜模式

前言

自從世界上開始有了黑夜模式,對於需要時常使用電腦的我真的是一大福音。無奈有些地方還不支援(連 Windows 都支援了阿)。

而今天的主角本文──Laravel Telescope,是 Laravel 官方出品的優質 debug 工具,基本上已經是我使用 Laravel 開發的時候必備的初始化套件了!他的好不用我多說,沒用過的歡迎試試看,已經用過的我們繼續往下。


剛開始在使用的時候,畫面預設都長下面這樣:

預設主題

好刺眼!但看在他很好用的份上還是忍著。

直到某天,靈機一動 Google 了下,才知道原來他有黑夜模式(Night theme)!但每次都忘記要怎麼設定,所以才寫了這邊文章作為教學兼筆記。

啟用黑夜模式

啟用方式非常簡單,請到 app/Providers 底下修改 TelescopeApplicationServiceProvider(注意 snippet 的第 17 行):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
namespace App\Providers;

use Illuminate\Support\Facades\Gate;
use Laravel\Telescope\IncomingEntry;
use Laravel\Telescope\Telescope;
use Laravel\Telescope\TelescopeApplicationServiceProvider;

class TelescopeServiceProvider extends TelescopeApplicationServiceProvider
{
/**
* Register any application services.
*
* @return void
*/
public function register()
{
Telescope::night(); // 取消此行的註解

$this->hideSensitiveRequestDetails();

Telescope::filter(function (IncomingEntry $entry) {
if ($this->app->environment('local')) {
return true;
}

return $entry->isReportableException() ||
$entry->isFailedRequest() ||
$entry->isFailedJob() ||
$entry->isScheduledTask() ||
$entry->hasMonitoredTag();
});
}
}

沒錯就是這麼簡單,這樣就完成啟用了~

啟用 night theme

比較一下(左右對照圖可前往此連結自己左右拖曳):

左右對照

前後對照

如果想要在其他地方操控的話,請注意使用的一定要是 Laravel\Telescope\Telescope 類別!

進階用法

其實我是比較想要它可以自動依照系統偏好自己改變,不過目前尚未找到。倒是大神有提出一些有趣的用法──依照時間轉換

1
2
3
if (now()->hour >= 20 || now()->hour < 7) {
Telescope::night();
}

也歡迎大家分享自己的使用方式喔,那我們下次見~