非アクティブになったタブのタイトルタグにアスタリスクを付ける。

satopian · satopian · commit a46e3684bc85 · 2026-06-16T19:37:38.000+09:00
diff --git a/petitnote/template/basic/js/visibility-change-title-rewrite.js b/petitnote/template/basic/js/visibility-change-title-rewrite.js
@@ -0,0 +1,22 @@
+/**
+ * Chromeのメモリーセーバによるタブ破棄対策
+ * 非アクティブになった時にタイトルタグにアスタリスクを追加
+ * Petit Note (c)さとぴあ satopian 2021-2026 MIT License
+ * https://paintbbs.sakura.ne.jp/
+ */
+document.addEventListener("DOMContentLoaded", () => {
+    //オリジナルのタイトルタグを保持
+    const originalTitle = document.title;
+    document.addEventListener("visibilitychange", () => {
+        // ページが見えている時は元に戻す
+        if (document.visibilityState === "visible") {
+            document.title = originalTitle;
+        }
+        // ページが隠れた時はタイマーをセット
+        else if (document.visibilityState === "hidden") {
+            setTimeout(() => {
+                document.title = `${originalTitle} *`;
+            }, 3000);
+        }
+    });
+});
diff --git a/petitnote/template/basic/paint_axnos.html b/petitnote/template/basic/paint_axnos.html
@@ -10,6 +10,7 @@
 		}
 	</style>
 	<title><?= h($boardname) ?></title>
+	<script src="<?=h($skindir)?>js/visibility-change-title-rewrite.js?<?=h($petit_lot)?>"></script>
 	<script>
 		// 画面上部のお知らせ領域に表示するテキスト（掲示板名を想定）
 		const HEADER_TEXT = "AXNOS Paint（アクノスペイント）";
diff --git a/petitnote/template/basic/paint_klecks.html b/petitnote/template/basic/paint_klecks.html
@@ -5,6 +5,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title><?= h($boardname) ?></title>
+	<script src="<?=h($skindir)?>js/visibility-change-title-rewrite.js?<?=h($petit_lot)?>"></script>
 
 	<!-- this is important -->
 	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
diff --git a/petitnote/template/basic/paint_neo.html b/petitnote/template/basic/paint_neo.html
@@ -21,6 +21,7 @@
 </style>
 <style>body{overscroll-behavior-x: none !important; }</style>
 <title><?=h($boardname)?></title> 
+<script src="<?=h($skindir)?>js/visibility-change-title-rewrite.js?<?=h($petit_lot)?>"></script>
 <!-- NEOを使う -->
 <script>
 document.paintBBSCallback = function (str) {
diff --git a/petitnote/template/basic/paint_tegaki.html b/petitnote/template/basic/paint_tegaki.html
@@ -4,6 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<title><?= h($boardname) ?></title>
+	<script src="<?=h($skindir)?>js/visibility-change-title-rewrite.js?<?=h($petit_lot)?>"></script>
 	<script src="app/tegaki/tegaki.js?<?= h($parameter_day) ?><?= h($petit_lot) ?>"></script>
 	<link rel="stylesheet" href="app/tegaki/tegaki.css?<?= h($parameter_day) ?><?= h($petit_lot) ?>">
 	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@`
`10`	`10`	`}`
`11`	`11`	`</style>`
`12`	`12`	`<title><?= h($boardname) ?></title>`
	`13`	`+ <script src="<?=h($skindir)?>js/visibility-change-title-rewrite.js?<?=h($petit_lot)?>"></script>`
`13`	`14`	`<script>`
`14`	`15`	`// 画面上部のお知らせ領域に表示するテキスト（掲示板名を想定）`
`15`	`16`	`const HEADER_TEXT = "AXNOS Paint（アクノスペイント）";`