Added support to override status code

Author: Pasupathi-Rajamanickam

devtools/devtools.js

@@ -87,7 +87,7 @@ function setupDebugger(target) {
             } else {
               ajaxMe(request.url, request.headers, request.method, request.postData, (data) => {
                 replaceResponse(data.response, filteredData, (replacedData) => {
-                  continueParams.responseCode = 200;
+                  continueParams.responseCode = filteredData[0].status > 0 ? parseInt(filteredData[0].status) : 200;
                   continueParams.binaryResponseHeaders = btoa(unescape(encodeURIComponent(data.headers.replace(/(?:\r\n|\r|\n)/g, '\0'))));
                   continueParams.body = btoa(unescape(encodeURIComponent(replacedData)));
                   chrome.debugger.sendCommand(debugee, 'Fetch.fulfillRequest', continueParams);

manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Chrome Response Override",
   "short_name": "Chrome Response Override",
-  "version": "1.7",
+  "version": "1.8",
   "description": "Provides support to override API/HTML/* response using simple Find & Replace steps. No external app installation required",
   "author": "Pasupathi Rajamanickam",
   "devtools_page": "devtools/devtools.html",

panel/panel.html

@@ -30,6 +30,7 @@
 <th>Find</th>
 <th>Replace</th>
 <th>Content-Type</th>
+<th>Http Status Code</th>
 <th>Delete</th>
 </tr>
 </table>

panel/panel.js

@@ -40,6 +40,7 @@ function saveData() {
     data.find = tds[1].getElementsByTagName('input')[0].value
     data.replace = tds[2].getElementsByTagName('input')[0].value
     data.contentType = tds[3].getElementsByTagName('input')[0].value
+    data.status = tds[4].getElementsByTagName('input')[0].value
     if (data.url !== '' && data.find !== '' && data.replace !== '') {
       replaceData.push(data);
     }
@@ -60,12 +61,15 @@ function addRow() {
   let cell2 = row.insertCell(1);
   let cell3 = row.insertCell(2);
   let cell4 = row.insertCell(3);
+  
   let cell5 = row.insertCell(4);
+  let cell6 = row.insertCell(5);
   cell1.innerHTML = '<input type="text"/>';
   cell2.innerHTML = '<input type="text"/>';
   cell3.innerHTML = '<input type="text"/>';
   cell4.innerHTML = '<input type="text"/>';
-  cell5.innerHTML = '<input type="button" value="Delete" class="delete"/>';
+  cell5.innerHTML = '<input type="text"/>';
+  cell6.innerHTML = '<input type="button" value="Delete" class="delete"/>';
   initDeleteEvent();
 }
 
@@ -109,11 +113,13 @@ function initTable() {
         var cell3 = row.insertCell(2);
         var cell4 = row.insertCell(3);
         var cell5 = row.insertCell(4);
+        var cell6 = row.insertCell(5);
         cell1.innerHTML = `<input type="text" value="${escapeHTML(datum.url)}"/>`;
         cell2.innerHTML = `<input type="text" value="${escapeHTML(datum.find)}"/>`;
         cell3.innerHTML = `<input type="text" value="${escapeHTML(datum.replace)}"/>`;
         cell4.innerHTML = `<input type="text" value="${datum.contentType ? escapeHTML(datum.contentType) : ''}"/>`;
-        cell5.innerHTML = `<input type="button" value="Delete" class="delete"/>`;
+        cell5.innerHTML = `<input type="text" value="${datum.status ? escapeHTML(datum.status) : ''}"/>`;
+        cell6.innerHTML = `<input type="button" value="Delete" class="delete"/>`;
       });
       initDeleteEvent();
     } else {