mskocik/tracy-reloader

自动页面刷新 - 使用 SSE 监视更改或连接 LiveReload 服务器

安装: 65

依赖: 0

建议者: 0

安全: 0

星星: 1

关注者: 2

分支: 1

开放问题: 0

语言:JavaScript

v2.0.0 2021-11-29 09:17 UTC

This package is auto-updated.

Last update: 2024-09-29 05:56:27 UTC


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 请求,您可以通过指定与这些请求相关的头信息来过滤它们。

这些头信息应在 $configexcludedHeaders 属性中以 $key: $value 对的形式指定。

local.neon 的示例,当应用程序使用 swup.js 进行应用程序导航时

tracy:
	bar:
		- Mskocik\TracyReloader\ReloaderPanel(mode: 'LR', config: [ 
			https: true,
			excludeHeaders: [
				x-requested-with: swup
			]
		])