概要
ERR_BLOCKED_BY_CLIENTは、ブラウザの拡張機能（広告ブロッカー等）やセキュリティソフトがリクエストをブロックした場合に発生するエラーです。サーバー側の問題ではなく、クライアント側の設定が原因です。
エラーメッセージ
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
DevTools Console:
GET https://example.com/ads/banner.js net::ERR_BLOCKED_BY_CLIENT
原因
- 広告ブロッカー: AdBlock, uBlock Origin等
- プライバシー拡張機能: Privacy Badger, Ghostery等
- セキュリティソフト: ウイルス対策ソフトのWebシールド
- ブラウザの組み込み機能: トラッキング防止機能
- 企業のプロキシ/ファイアウォール: コンテンツフィルタリング
解決策
1. 広告ブロッカーを一時無効化
uBlock Origin:
1. ツールバーのアイコンをクリック
2. 電源ボタンをクリックして一時停止
3. ページを再読み込み
AdBlock:
1. ツールバーのアイコンをクリック
2. 「このサイトで一時停止」を選択
3. ページを再読み込み
2. サイトをホワイトリストに追加
uBlock Origin:
1. アイコンをクリック
2. 大きな電源ボタンの下にある「このサイトを信頼する」をクリック
AdBlock Plus:
1. アイコンをクリック
2. 「有効」をオフにするか、ホワイトリストに追加
3. シークレット/プライベートモードでテスト
Chrome: Ctrl+Shift+N (Cmd+Shift+N on Mac)
Firefox: Ctrl+Shift+P (Cmd+Shift+P on Mac)
Edge: Ctrl+Shift+N
※ 拡張機能はデフォルトで無効
※ 拡張機能を有効にしている場合は、設定で確認
4. 開発者向け: ブロック対策
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| // 広告ブロッカー検出
async function detectAdBlocker() {
try {
await fetch('/ads/test.js', { method: 'HEAD' });
return false; // ブロックされていない
} catch (e) {
return true; // ブロックされている可能性
}
}
// 使用例
if (await detectAdBlocker()) {
showAlternativeContent();
// または
showAdBlockerMessage();
}
|
1
2
3
4
5
6
7
8
9
10
| // ファイル名/パスの変更（ブロック回避）
// 問題のあるパターン
// /ads/banner.js
// /tracking/pixel.gif
// /analytics.js
// 回避策（ただし広告目的での乱用は非推奨）
// /assets/promo-banner.js
// /static/beacon.gif
// /lib/metrics.js
|
5. CSPヘッダーの確認
1
2
| # Content-Security-Policy の確認
curl -I https://example.com | grep -i content-security-policy
|
1
2
3
4
5
6
| // CSP違反レポートの受信
// サーバー側でログを確認
app.post('/csp-report', express.json({ type: 'application/csp-report' }), (req, res) => {
console.log('CSP Violation:', req.body['csp-report']);
res.status(204).end();
});
|
6. 拡張機能なしでChromeを起動
1
2
3
4
5
6
7
8
| # Windows
"C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-extensions
# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-extensions
# Linux
google-chrome --disable-extensions
|
開発者向けデバッグ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| // エラーハンドリング
const loadScript = (src) => {
return new Promise((resolve, reject) => {
const script = document.createElement('script');
script.src = src;
script.onload = resolve;
script.onerror = (e) => {
console.warn(`Script blocked or failed: ${src}`);
reject(new Error('ERR_BLOCKED_BY_CLIENT'));
};
document.head.appendChild(script);
});
};
// 使用例
try {
await loadScript('/analytics.js');
} catch (error) {
// フォールバック処理
console.log('Analytics blocked, using fallback');
}
|
注意事項
ユーザーへの配慮:
- 広告ブロッカーの使用は正当な選択
- 強制的な無効化要求は避ける
- 代替コンテンツや丁寧なメッセージを提供
サイト運営者向け:
- 重要な機能が広告ブロッカーに誤検出されないよう命名に注意
- 分析ツールのファーストパーティ化を検討
- ユーザー体験を損なわないフォールバックを実装