JavaScript window.open 在 MyEclipse 內部瀏覽器被攔截的解決方案

問題現象

開發者在 MyEclipse 內部瀏覽器預覽 JSP/HTML 頁面時，調用 window.open() 無法彈出新窗口；但將相同代碼保存為 .html 文件用系統默認瀏覽器打開卻正常彈出。

根本原因

MyEclipse 內部瀏覽器基於 Eclipse SWT Browser 組件，默認啟用彈窗攔截器。 該組件模擬的是 IE 內核（Windows 下）或 WebKit（Linux/macOS），其安全策略比較嚴格，會自動攔截非用戶直接交互觸發的 window.open() 調用。

代碼分析

<script>
function fun(thisurl) {
    // 參數錯誤：heigth 應為 height，resizeable 應為 resizable
    window.open(thisurl, "頁面標題", "width=370,heigth=160,scrollbars=yes,resizeable=no");
}
</script>

除環境問題外，代碼還存在參數拼寫錯誤：

• heigth → height
• resizeable → resizable

解決方案

方案一：使用外部瀏覽器測試（推薦）

MyEclipse 內部瀏覽器僅供快速預覽，實際開發調試請始終使用 Chrome/Edge/Firefox 等現代瀏覽器。配置 MyEclipse 使用外部瀏覽器：

1. Window → Preferences → General → Web Browser
2. 選擇 "Use external web browser"
3. 添加 Chrome/Edge 路徑並設為默認

方案二：修正代碼參數並確保用戶交互觸發

<button onclick="openWindow('https://example.com')">打開窗口</button>

<script>
function openWindow(url) {
    // 修正參數拼寫，特性字符串不含空格
    const features = "width=370,height=160,scrollbars=yes,resizable=no";
    // 用戶點擊按鈕屬於直接交互，通常不會被攔截
    window.open(url, "頁面標題", features);
}
</script>

方案三：MyEclipse 內部瀏覽器設置（不推薦，不穩定）

嘗試在 Eclipse 偏好設置中關閉彈窗攔截，但 SWT Browser 組件對此支持有限，不同版本行為不一。

最佳實踐建議

總結

MyEclipse 內部瀏覽器彈窗被攔截是環境限制，非代碼邏輯錯誤。開發者應：

1. 配置外部瀏覽器作為默認調試環境
2. 修正 window.open 參數拼寫（height、resizable）
3. 確保彈窗由用戶直接交互觸發
4. 現代 Web 開發盡量避免彈窗，改用頁面內組件