# 解決 Partial View 是用 Ajax Load 的話，在 Chrome F12 時，沒有存在於 Source，無法 Debug
###### tags: `被玩壞了`

## 方法一：

<script>
// javascript
var foo = 2;
debugger;
// more javascript
</script>

### 說明
加上 **debugger;** 讀取頁面的時候就會強制中斷在此，但瀏覽器並不會知道正確的文件位置，所以只會單純的跳出，顯示為 VMxxx 的檔案

---

## 方法二：

<script>
// javascript
//# sourceURL=_fooPartialView.cshtml
var foo = 2;

// more javascript
</script>

### 說明
加上 **//# sourceURL=_fooPartialView.cshtml** 為標記，會標記文件的位置，所以你在 Source -> Page 會看到以下畫面


---

## 結語
Partial View 通常是不建議放入 Script 區塊，建議最好的做法是拆成另一個 JS 檔讀取，避免呼叫不到需要呼叫的 Function !!
但這次的範例是需要使用 Razor ( Enum 強型別，其實也可以考慮用 T4 MVC，將 Enum 轉換成前端的全域變數 or Vue.js )，且沒有需要給別人呼叫的部分，只有自己頁面要使用的相關 Code，所以才勉強用著。

※有關 T4 轉換可以參考 [[T4] 使用T4文字範本輸出所有列舉(Enum)類別至Javascript檔案](https://dotblogs.azurewebsites.net/wasichris/2015/09/21/153393)

---

## 來源
[Debug a script that sits in a partial view](https://stackoverflow.com/questions/6901200/debug-a-script-that-sits-in-a-partial-view/6901262)

---