mskocik / tracy-reloader
自动页面刷新 - 使用 SSE 监视更改或连接 LiveReload 服务器
v2.0.0
2021-11-29 09:17 UTC
Requires
- nette/http: ^3.1
- nette/utils: ^3.2
- tracy/tracy: ^2.8
README
Tracy 扩展,用于通过 LiveReload 自动更新或刷新页面
安装
composer require --dev mskocik/tracy-reloader
添加到 Tracy
tracy:
bar:
- Mskocik\TracyReloader\ReloaderPanel(<mode>, <options>, <excludeHeaders>)
配置
扩展支持两种模式: LiveReload
或 服务器发送事件
LiveReload
// minimal setup Mskocik\TracyReloader\ReloaderPanel('LR', [ 'https' => false, // when accessing LiveReload server from https host 'host' => null, // when NULL, pick visited hostname 'port' => 35729, 'path' => 'livereload', // internal 'excludeHeaders' => [], // additional header definition for AJAX requests exclusion ]);
过滤 AJAX 请求
不希望为 AJAX 请求渲染 Reloader 面板。因为您只想有一个活动实例,这应该只在完整页面加载/重新加载时发生。基本的 AJAX 请求会自动过滤,但如果您发送了一些额外的 AJAX 请求,您可以通过指定与这些请求相关的头信息来过滤它们。
这些头信息应在 $config
的 excludedHeaders
属性中以 $key: $value
对的形式指定。
local.neon
的示例,当应用程序使用 swup.js 进行应用程序导航时
tracy:
bar:
- Mskocik\TracyReloader\ReloaderPanel(mode: 'LR', config: [
https: true,
excludeHeaders: [
x-requested-with: swup
]
])