JSP (JavaServer Pages) 是 Java 平台上的伺服器端網頁腳本技術，副檔名 .jsp。許多新手嘗試雙擊或用瀏覽器直接開啟，卻只看到原始碼。本文釐清「檢視原始碼」與「執行結果」的根本差異，並提供多種開啟/編輯工具建議。

核心觀念：JSP 必須在伺服器執行才能看到結果

• 直接雙擊/瀏覽器開啟 = 只看原始碼（HTML+Java 片段）。
• 必須部署至 Servlet 容器（Tomcat、Jetty、JBoss、WebLogic…），經編譯為 Servlet 執行，產生 HTML 回傳瀏覽器，才能看到渲染後的網頁。

三種開啟/編輯 JSP 的情境

需求	工具/方法	說明
快速檢視/編輯原始碼	記事本、Notepad++、VS Code、EditPlus、UltraEdit、Sublime Text	純文字編輯器，支援語法高亮最佳
專業視覺化編輯/除錯	Eclipse/IntelliJ IDEA + Web 插件、MyEclipse、NetBeans	Java EE IDE，支援斷點除錯、自動完成、伺服器整合
網頁設計排版	Adobe Dreamweaver（舊版支援 JSP 模板）	所見即所得設計介面，現代較少用
查看執行結果	啟動 Tomcat → 將 .jsp 放入 webapps/ROOT/ 或專案目錄 → 瀏覽器訪問 https://localhost:8080/xxx.jsp	唯一能看到真實輸出畫面的方式

常見誤區與解法

• 誤區：「把 .jsp 改成 .htm 就能看畫面」 → 錯。裡面的 Java 程式碼（<% ... %>、EL 運算式、JSTL 標籤）瀏覽器不認得，只會原樣顯示或報錯。
• 正解： 若只想看靜態版型，請在瀏覽器開啟執行後的頁面 → Ctrl+S 另存為完整網頁（.html + 資源資料夾）。
• 部署前置作業： 安裝 JDK → 設定 JAVA_HOME → 下載 Tomcat → startup.bat 啟動 → 確認 https://localhost:8080 可連線。

新手快速上手流程（Windows + Tomcat）

1. 安裝 JDK 11/17/21 (LTS)，設定環境變數。
2. 下載 Tomcat 9/10 (zip 版)，解壓至 D:\Tomcat。
3. 將 .jsp 檔放入 D:\Tomcat\webapps\ROOT\。
4. 執行 D:\Tomcat\bin\startup.bat。
5. 瀏覽器開啟 https://localhost:8080/你的檔案.jsp。

小結

JSP 不是靜態網頁，而是「伺服器端模板」。編輯用編輯器，執行靠伺服器。搞清這層關係，就不會再問「為什麼 IE 打開 JSP 是亂碼」。