├── .gitignore
├── README.md
├── background.js
├── content.js
├── hookajax2.zip
├── iframe
    ├── .babelrc
    ├── .gitignore
    ├── Main.js
    ├── Main.less
    ├── Replacer.js
    ├── Replacer.less
    ├── bundle.js
    ├── index.html
    ├── index.js
    ├── package-lock.json
    ├── package.json
    └── webpack.config.js
├── images
    ├── 128.png
    ├── 128_gray.png
    ├── 16.png
    ├── 16_gray.png
    ├── 32.png
    ├── 32_gray.png
    ├── 48.png
    ├── 48_gray.png
    └── hook222.png
├── manifest.json
├── package-lock.json
└── pageScripts
    └── main.js


/.gitignore:
--------------------------------------------------------------------------------
1 | au.sh
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | A chrome extension for modifing response text of ajax requests easily. You can use it to debug errors.
 4 | 
 5 | 
 6 | ## Notes
 7 | 1. You may have to restart chrome or refresh the current page after you added this extension.
 8 | 2. It is recommended that you turn off this extension(the icon should be gray) when you are not using it.
 9 | 3. This extension only overrides the response data in the XMLHTTPRequest object as well as the fetch method. The "real" response which you can see in DevTools' "Network" panel will not be changed.
10 | 
11 | code reference https://raw.githubusercontent.com/YGYOOO/ajax-interceptor/master/


--------------------------------------------------------------------------------
/background.js:
--------------------------------------------------------------------------------
 1 | // chrome.runtime.onInstalled.addListener(function() {
 2 | //   chrome.storage.sync.set({color: '#3aa757'}, function() {
 3 | //     console.log('The color is green.');
 4 | //   });
 5 | //   chrome.runtime.onInstalled.addListener(function(details) {
 6 | //     chrome.declarativeContent.onPageChanged.addRules([{
 7 | //       conditions: [new chrome.declarativeContent.PageStateMatcher({
 8 | //         pageUrl: {hostEquals: 'developer.chrome.com'},
 9 | //       })
10 | //       ],
11 | //           actions: [new chrome.declarativeContent.ShowPageAction()]
12 | //     }]);
13 | //   });
14 | // });
15 | 
16 | 
17 | // chrome.webNavigation.onBeforeNavigate.addListener(() => {
18 | //   console.log(1)
19 | //   chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
20 | //     chrome.tabs.executeScript(
21 | //       tabs[0].id,
22 | //       {code: `console.log('executeScript')`});
23 | //   });
24 | // });
25 | 
26 | // chrome.webRequest.onBeforeRequest.addListener(
27 | //   function(info) {   
28 | //     console.log("Cat intercepted: " + info.url);
29 | //     // Redirect the lolcal request to a random loldog URL.
30 | //     chrome.tabs.sendMessage(details.tabId, details, function(response) {
31 | //       // 此处可以修改response...
32 | //       redirectUrl = "data:application/json;charset=UTF-8;base64," + Base64.encode(newResponse)
33 | //   });
34 | //     return  ({cancel: false});
35 | // },
36 | // ({
37 | //     urls: ["*://*/*"],
38 | //     types: ["script"]
39 | // }),
40 | // ["blocking"]);
41 | chrome.browserAction.onClicked.addListener(function(tab) {
42 |   chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
43 |     chrome.tabs.sendMessage(tabs[0].id, "toggle");
44 |   })
45 | });
46 | 
47 | // 接收iframe传来的信息，转发给content.js
48 | chrome.runtime.onMessage.addListener(msg => {
49 |   if (msg.type === 'ajaxInterceptor' && msg.to === 'background') {
50 |     if (msg.key === 'ajaxInterceptor_switchOn') {
51 |       if (msg.value === true) {
52 |         chrome.browserAction.setIcon({path: {
53 |           16: '/images/16.png',
54 |           32: '/images/32.png',
55 |           48: '/images/48.png',
56 |           128: '/images/128.png',
57 |         }});
58 |       } else {
59 |         chrome.browserAction.setIcon({path: {
60 |           16: '/images/16_gray.png',
61 |           32: '/images/32_gray.png',
62 |           48: '/images/48_gray.png',
63 |           128: '/images/128_gray.png',
64 |         }});
65 |       }
66 |     }
67 |     chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
68 |       chrome.tabs.sendMessage(tabs[0].id, {...msg, to: 'content'});
69 |     })
70 |   }
71 | });
72 | 
73 | chrome.storage.local.get(['ajaxInterceptor_switchOn', 'ajaxInterceptor_rules'], (result) => {
74 |   if (result.hasOwnProperty('ajaxInterceptor_switchOn')) {
75 |     if (result.ajaxInterceptor_switchOn) {
76 |       chrome.browserAction.setIcon({path: "/images/16.png"});
77 |     } else {
78 |       chrome.browserAction.setIcon({path: "/images/16_gray.png"});
79 |     }
80 |   }
81 | });


--------------------------------------------------------------------------------
/content.js:
--------------------------------------------------------------------------------
  1 | // const elt = document.createElement("script");
  2 | // elt.innerHTML = "window.test = 1"
  3 | // document.head.appendChild(elt);
  4 | 
  5 | // 在页面上插入代码
  6 | // const s1 = document.createElement('script');
  7 | // s1.setAttribute('type', 'text/javascript');
  8 | // s1.setAttribute('src', chrome.extension.getURL('pageScripts/defaultSettings.js'));
  9 | // document.documentElement.appendChild(s1);
 10 | 
 11 | // 在页面上插入代码
 12 | const script = document.createElement('script');
 13 | script.setAttribute('type', 'text/javascript');
 14 | script.setAttribute('src', chrome.extension.getURL('pageScripts/main.js'));
 15 | document.documentElement.appendChild(script);
 16 | 
 17 | script.addEventListener('load', () => {
 18 |   chrome.storage.local.get(['ajaxInterceptor_switchOn', 'ajaxInterceptor_rules'], (result) => {
 19 |     if (result.hasOwnProperty('ajaxInterceptor_switchOn')) {
 20 |       postMessage({type: 'ajaxInterceptor', to: 'pageScript', key: 'ajaxInterceptor_switchOn', value: result.ajaxInterceptor_switchOn});
 21 |     }
 22 |     if (result.ajaxInterceptor_rules) {
 23 |       postMessage({type: 'ajaxInterceptor', to: 'pageScript', key: 'ajaxInterceptor_rules', value: result.ajaxInterceptor_rules});
 24 |     }
 25 |   });
 26 | });
 27 | 
 28 | 
 29 | let iframe;
 30 | let iframeLoaded = false;
 31 | 
 32 | // 只在最顶层页面嵌入iframe
 33 | if (window.self === window.top) {
 34 | 
 35 |   document.onreadystatechange = () => {
 36 |     if (document.readyState === 'complete') {
 37 |       iframe = document.createElement('iframe'); 
 38 |       iframe.className = "api-interceptor";
 39 |       iframe.style.setProperty('height', '100%', 'important');
 40 |       iframe.style.setProperty('width', '900px', 'important');
 41 |       iframe.style.setProperty('min-width', '1px', 'important');
 42 |       iframe.style.setProperty('position', 'fixed', 'important');
 43 |       iframe.style.setProperty('top', '0', 'important');
 44 |       iframe.style.setProperty('right', '0', 'important');
 45 |       iframe.style.setProperty('left', 'auto', 'important');
 46 |       iframe.style.setProperty('bottom', 'auto', 'important');
 47 |       iframe.style.setProperty('z-index', '9999999999999', 'important');
 48 |       iframe.style.setProperty('transform', 'translateX(920px)', 'important');
 49 |       iframe.style.setProperty('transition', 'all .4s', 'important');
 50 |       iframe.style.setProperty('box-shadow', '0 0 15px 2px rgba(0,0,0,0.12)', 'important');
 51 |       iframe.frameBorder = "none"; 
 52 |       iframe.src = chrome.extension.getURL("iframe/index.html")
 53 |       document.body.appendChild(iframe);
 54 |       let show = false;
 55 | 
 56 |       chrome.runtime.onMessage.addListener((msg, sender) => {
 57 |         if (msg == 'toggle') {
 58 |           show = !show;
 59 |           iframe.style.setProperty('transform', show ? 'translateX(0)' : 'translateX(920px)', 'important');
 60 |         }
 61 | 
 62 |         return true;
 63 |       });
 64 |     }
 65 |   }
 66 | }
 67 | 
 68 | 
 69 | // 接收background.js传来的信息，转发给pageScript
 70 | chrome.runtime.onMessage.addListener(msg => {
 71 |   if (msg.type === 'ajaxInterceptor' && msg.to === 'content') {
 72 |     if (msg.hasOwnProperty('iframeScriptLoaded')) {
 73 |       if (msg.iframeScriptLoaded) iframeLoaded = true;
 74 |     } else {
 75 |       postMessage({...msg, to: 'pageScript'});
 76 |     }
 77 |   }
 78 | });
 79 | 
 80 | // 接收pageScript传来的信息，转发给iframe
 81 | window.addEventListener("pageScript", function(event) {
 82 |   if (iframeLoaded) {
 83 |     chrome.runtime.sendMessage({type: 'ajaxInterceptor', to: 'iframe', ...event.detail});
 84 |   } else {
 85 |     let count = 0;
 86 |     const checktLoadedInterval = setInterval(() => {
 87 |       if (iframeLoaded) {
 88 |         clearInterval(checktLoadedInterval);
 89 |         chrome.runtime.sendMessage({type: 'ajaxInterceptor', to: 'iframe', ...event.detail});
 90 |       }
 91 |       if (count ++ > 500) {
 92 |         clearInterval(checktLoadedInterval);
 93 |       }
 94 |     }, 10);
 95 |   }
 96 | }, false);
 97 | 
 98 | // window.addEventListener("message", function(event) {
 99 | // console.log(event.data)
100 | // }, false);
101 | 
102 | // window.parent.postMessage({ type: "CONTENT", text: "Hello from the webpage!" }, "*");
103 | 
104 | 
105 | // var s = document.createElement('script');
106 | // s.setAttribute('type', 'text/javascript');
107 | // s.innerText = `console.log('test')`;
108 | // document.documentElement.appendChild(s);
109 | 
110 | 


--------------------------------------------------------------------------------
/hookajax2.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/hookajax2.zip


--------------------------------------------------------------------------------
/iframe/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["@babel/preset-env", "@babel/preset-react"],
3 |   "plugins": [
4 |     "@babel/plugin-proposal-class-properties"
5 |   ]
6 | }


--------------------------------------------------------------------------------
/iframe/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules


--------------------------------------------------------------------------------
/iframe/Main.js:
--------------------------------------------------------------------------------
  1 | import React, {Component} from 'react';
  2 | import 'antd/dist/antd.css';
  3 | import {Switch, Collapse, Input, Select, Button, Badge, Tooltip} from 'antd';
  4 | import { ToastContainer, toast } from 'react-toastify';
  5 | import 'react-toastify/dist/ReactToastify.css';
  6 | const Panel = Collapse.Panel;
  7 | 
  8 | import Replacer from './Replacer';
  9 | 
 10 | import './Main.less';
 11 | 
 12 | const buildUUID = () => {
 13 |   var dt = new Date().getTime();
 14 |   var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
 15 |       var r = (dt + Math.random()*16)%16 | 0;
 16 |       dt = Math.floor(dt/16);
 17 |       return (c=='x' ? r :(r&0x3|0x8)).toString(16);
 18 |   });
 19 |   return uuid;
 20 | }
 21 | 
 22 | 
 23 | export default class Main extends Component {
 24 |   constructor() {
 25 |     super();
 26 |     chrome.runtime.onMessage.addListener(({type, to, url, match}) => {
 27 |       if (type === 'ajaxInterceptor' && to === 'iframe') {
 28 |         const {interceptedRequests} = this.state;
 29 |         if (!interceptedRequests[match]) interceptedRequests[match] = [];
 30 | 
 31 |         const exits = interceptedRequests[match].some(obj => {
 32 |           if (obj.url === url) {
 33 |             obj.num++;
 34 |             return true;
 35 |           }
 36 |           return false;
 37 |         });
 38 |         
 39 |         if (!exits) {
 40 |           interceptedRequests[match].push({url, num: 1});
 41 |         }
 42 |         this.setState({interceptedRequests}, () => {
 43 |           if (!exits) {
 44 |             // 新增的拦截的url，会多展示一行url，需要重新计算高度
 45 |             this.updateAddBtnTop_interval();
 46 |           }
 47 |         })
 48 |       }
 49 |     });
 50 | 
 51 |     chrome.runtime.sendMessage(chrome.runtime.id, {type: 'ajaxInterceptor', to: 'background', iframeScriptLoaded: true});
 52 | 
 53 |     this.collapseWrapperHeight = -1;
 54 |   }
 55 | 
 56 |   state = {
 57 |     interceptedRequests: {},
 58 |   }
 59 | 
 60 |   componentDidMount() {
 61 |     this.updateAddBtnTop_interval();
 62 |   }
 63 | 
 64 | 
 65 |   updateAddBtnTop = () => {
 66 |     let curCollapseWrapperHeight = this.collapseWrapperRef ? this.collapseWrapperRef.offsetHeight : 0;
 67 |     if (this.collapseWrapperHeight !== curCollapseWrapperHeight) {
 68 |       this.collapseWrapperHeight = curCollapseWrapperHeight;
 69 |       clearTimeout(this.updateAddBtnTopDebounceTimeout);
 70 |       this.updateAddBtnTopDebounceTimeout = setTimeout(() => {
 71 |         this.addBtnRef.style.top = `${curCollapseWrapperHeight + 30}px`;
 72 |       }, 50);
 73 |     }
 74 |   }
 75 | 
 76 |   // 计算按钮位置
 77 |   updateAddBtnTop_interval = ({timeout = 1000, interval = 50 } = {}) => {
 78 |     const i = setInterval(this.updateAddBtnTop, interval);
 79 |     setTimeout(() => {
 80 |       clearInterval(i);
 81 |     }, timeout);
 82 |   }
 83 | 
 84 |   set = (key, value) => {
 85 |     // 发送给background.js
 86 |     chrome.runtime.sendMessage(chrome.runtime.id, {type: 'ajaxInterceptor', to: 'background', key, value});
 87 |     chrome.storage && chrome.storage.local.set({[key]: value});
 88 |   }
 89 | 
 90 |   forceUpdateDebouce = () => {
 91 |     console.log("window.setting.ajaxInterceptor_rules",window.setting.ajaxInterceptor_rules);
 92 |     clearTimeout(this.forceUpdateTimeout);
 93 |     this.forceUpdateTimeout = setTimeout(() => {
 94 |       this.forceUpdate();
 95 |       toast("Saved👌👌👌");
 96 |     }, 1000);
 97 |   }
 98 | 
 99 |   handleSingleSwitchChange = (switchOn, i) => {
100 |     window.setting.ajaxInterceptor_rules[i].switchOn = switchOn;
101 |     this.set('ajaxInterceptor_rules', window.setting.ajaxInterceptor_rules);
102 | 
103 |     // 这么搞主要是为了能实时同步window.setting.ajaxInterceptor_rules，并且让性能好一点
104 |     this.forceUpdateDebouce();
105 |   }
106 | 
107 |   handleFilterTypeChange = (val, i) => {
108 |     window.setting.ajaxInterceptor_rules[i].filterType = val;
109 |     this.set('ajaxInterceptor_rules', window.setting.ajaxInterceptor_rules);
110 | 
111 |     this.forceUpdate();
112 |   }
113 | 
114 |   handleFilterCodeChange = (val, i) => {
115 |     window.setting.ajaxInterceptor_rules[i].filterCode = val;
116 |     this.set('ajaxInterceptor_rules', window.setting.ajaxInterceptor_rules);
117 | 
118 |     this.forceUpdate();
119 |   }
120 | 
121 |   handleMatchChange = (e, i) => {
122 |     window.setting.ajaxInterceptor_rules[i].match = e.target.value;
123 |     this.set('ajaxInterceptor_rules', window.setting.ajaxInterceptor_rules);
124 | 
125 |     this.forceUpdateDebouce();
126 |   }
127 | 
128 |   handleClickAdd = () => {
129 |     window.setting.ajaxInterceptor_rules.push({match: '', switchOn: true, key: buildUUID()});
130 |     this.forceUpdate(this.updateAddBtnTop_interval);
131 |   }
132 | 
133 |   handleClickRemove = (e, i) => {
134 |     e.stopPropagation();
135 |     const {interceptedRequests} = this.state;
136 |     const match = window.setting.ajaxInterceptor_rules[i].match;
137 | 
138 |     window.setting.ajaxInterceptor_rules = [
139 |       ...window.setting.ajaxInterceptor_rules.slice(0, i),
140 |       ...window.setting.ajaxInterceptor_rules.slice(i + 1),
141 |     ];
142 |     this.set('ajaxInterceptor_rules', window.setting.ajaxInterceptor_rules);
143 | 
144 |     delete interceptedRequests[match];
145 |     this.setState({interceptedRequests}, this.updateAddBtnTop_interval);
146 |   }
147 | 
148 |   handleCollaseChange = ({timeout = 1200, interval = 50 }) => {
149 |     this.updateAddBtnTop_interval();
150 |   }
151 | 
152 |   handleSwitchChange = () => {
153 |     window.setting.ajaxInterceptor_switchOn = !window.setting.ajaxInterceptor_switchOn;
154 |     this.set('ajaxInterceptor_switchOn', window.setting.ajaxInterceptor_switchOn);
155 |     this.zeroAddBtn();
156 |     this.forceUpdate();
157 |   }
158 |   zeroAddBtn=()=>{
159 |     if(window.setting.ajaxInterceptor_rules.length==0){
160 |       this.handleClickAdd();
161 |     }
162 |   }
163 | 
164 |   render() {
165 |     return (
166 |       <div className="main">
167 |         <ToastContainer autoClose={1500}/>
168 |         <Switch
169 |           checkedChildren="hook on" unCheckedChildren="hook off"
170 |           style={{zIndex: 10}}
171 |           defaultChecked={window.setting.ajaxInterceptor_switchOn}
172 |           onChange={this.handleSwitchChange}
173 |         />
174 |         <div className={window.setting.ajaxInterceptor_switchOn ? 'settingBody' : 'settingBody settingBody-hidden'}>
175 |           {window.setting.ajaxInterceptor_rules && window.setting.ajaxInterceptor_rules.length > 0 ? (
176 |             <div ref={ref => this.collapseWrapperRef = ref}>
177 |               <Collapse
178 |                 className={window.setting.ajaxInterceptor_switchOn ? 'collapse' : 'collapse collapse-hidden'}
179 |                 onChange={this.handleCollaseChange}
180 |                 // onChangeDone={this.handleCollaseChange}
181 |               >
182 |                 {window.setting.ajaxInterceptor_rules.map(({filterType = 'normal', match, overrideTxt, switchOn = true, key}, i) => (
183 |                   <Panel
184 |                     key={key}
185 |                     header={
186 |                       <div className="panel-header" onClick={e => e.stopPropagation()}>
187 |                         <Input.Group compact style={{width: '85%'}}>
188 |                           <Select defaultValue="200" style={{width: '15%'}} onChange={e => this.handleFilterCodeChange(e, i)}>
189 |                             <Option value="200">200 OK</Option>
190 |                             <Option value="400">400 Not Found</Option>
191 |                             <Option value="500">500 Internal Server Error</Option>
192 |                           </Select>
193 |                           <Select defaultValue={filterType} style={{width: '15%'}} onChange={e => this.handleFilterTypeChange(e, i)}>
194 |                             <Option value="normal">normal</Option>
195 |                             <Option value="regex">regex</Option>
196 |                           </Select>
197 |                           <Input
198 |                             placeholder={filterType === 'normal' ? 'eg: abc/get' : 'eg: abc.*'}
199 |                             style={{width: '70%'}}
200 |                             defaultValue={match}
201 |                             // onClick={e => e.stopPropagation()}
202 |                             onChange={e => this.handleMatchChange(e, i)}
203 |                           />
204 |                         </Input.Group>
205 |                         <Switch
206 |                           size="small"
207 |                           defaultChecked={switchOn}
208 |                           onChange={val => this.handleSingleSwitchChange(val, i)}
209 |                         />
210 |                         <Button
211 |                           style={{marginRight: '15px'}}
212 |                           type="primary"
213 |                           shape="circle" 
214 |                           icon="minus"
215 |                           size="small"
216 |                           onClick={e => this.handleClickRemove(e, i)}
217 |                         />
218 |                       </div>
219 |                     }
220 |                   >
221 |                     <Replacer
222 |                       defaultValue={overrideTxt}
223 |                       updateAddBtnTop={this.updateAddBtnTop}
224 |                       index={i}
225 |                       set={this.set}
226 |                     />
227 |                     {/* <div className="replace-with">
228 |                       Replace With:
229 |                     </div>
230 |                     <textarea
231 |                       className="overrideTxt"
232 |                       // placeholder="replace with"
233 |                       style={{resize: 'none'}}
234 |                       defaultValue={overrideTxt}
235 |                       onChange={e => this.handleOverrideTxtChange(e.target.value, i)}
236 |                     />
237 |                     <Switch onChange={this.handleEditorSwitch} checkedChildren="JSON editor" unCheckedChildren="JSON editor" size="small" />
238 |                     {this.state.showJSONEditor && <div className="JSONEditor">
239 |                       <ReactJson
240 |                         name=""
241 |                         src={JSON.parse(overrideTxt)}
242 |                         onEdit={val => this.handleJSONEditorChange(val, i)}
243 |                         onAdd={val => this.handleJSONEditorChange(val, i)}
244 |                         onDelete={val => this.handleJSONEditorChange(val, i)}
245 |                       />
246 |                     </div>} */}
247 |                     {this.state.interceptedRequests[match] && (
248 |                       <>
249 |                         <div className="intercepted-requests">
250 |                           Intercepted Requests:
251 |                         </div>
252 |                         <div className="intercepted">
253 |                           {this.state.interceptedRequests[match] && this.state.interceptedRequests[match].map(({url, num}) => (
254 |                             <Tooltip placement="top" title={url} key={url}>
255 |                               <Badge
256 |                                 count={num}
257 |                                 style={{
258 |                                   backgroundColor: '#fff',
259 |                                   color: '#999',
260 |                                   boxShadow: '0 0 0 1px #d9d9d9 inset',
261 |                                   marginTop: '-3px',
262 |                                   marginRight: '4px'
263 |                                 }}
264 |                               />
265 |                               <span className="url">{url}</span>
266 |                             </Tooltip>
267 |                           ))}
268 |                         </div>
269 |                       </>
270 |                     )}
271 |                   </Panel>
272 |                 ))}
273 |               </Collapse> 
274 |             </div>
275 |           ): <div />}
276 |           <div ref={ref => this.addBtnRef = ref} className="wrapper-btn-add">
277 |             <Button
278 |               className={`btn-add ${window.setting.ajaxInterceptor_switchOn ? '' : ' btn-add-hidden'}`}
279 |               type="primary"
280 |               shape="circle" 
281 |               icon="plus"
282 |               onClick={this.handleClickAdd}
283 |               disabled={!window.setting.ajaxInterceptor_switchOn}
284 |             />
285 |           </div>
286 |         </div>
287 |       </div>
288 |     );
289 |   }
290 | }


--------------------------------------------------------------------------------
/iframe/Main.less:
--------------------------------------------------------------------------------
  1 | .main {
  2 |   text-align: center;
  3 |   overflow-y: auto;
  4 |   padding: 20px 13px 60px 13px;
  5 |   width: 100%;
  6 |   height: 100%;
  7 |   background: white;
  8 | }
  9 | .settingBody {
 10 |   position: relative;
 11 |   transition: all .5s;
 12 |   padding-top: 15px;
 13 | }
 14 | .settingBody-hidden {
 15 |   transform: translateY(calc(-100% + 15px));
 16 | }
 17 | .collapse {
 18 |   transition: all .6s;
 19 |   margin-bottom: 10px;
 20 | }
 21 | .collapse-hidden {
 22 |   transform: translateY(-100px);
 23 |   opacity: 0;
 24 | }
 25 | .intercepted-requests {
 26 |   margin-bottom: 6px;
 27 |   margin-top: 7px;
 28 |   text-align: left;
 29 |   font-weight: 500;
 30 | }
 31 | .intercepted {
 32 |   text-align: left;
 33 | }
 34 | .intercepted > span {
 35 |   width: 100%;
 36 |   display: inline-block;
 37 |   white-space: nowrap;
 38 |   overflow: hidden;
 39 |   text-overflow: ellipsis;
 40 | }
 41 | .url {
 42 |   vertical-align: top;
 43 | }
 44 | .panel-header {
 45 |   display: flex;
 46 |   align-items: center;
 47 |   justify-content: space-between;
 48 | }
 49 | .wrapper-btn-add {
 50 |   position: absolute;
 51 |   top: 0;
 52 |   left: 0;
 53 |   width: 100%;
 54 |   text-align: center;
 55 |   transition: top .2s;
 56 | }
 57 | .btn-add {
 58 |   transition: transform .5s;
 59 |   transition-delay: .1s;
 60 | }
 61 | .btn-add-hidden {
 62 |   transform: rotate(-135deg);
 63 | }
 64 | 
 65 | 
 66 | .ant-collapse-item {
 67 |   animation-duration: 0.5s;
 68 |   backface-visibility: visible !important;
 69 |   animation-name: flipInX;
 70 | }
 71 | 
 72 | @keyframes flipInX {
 73 |   from {
 74 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 75 |     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 76 |     -webkit-animation-timing-function: ease-in;
 77 |     animation-timing-function: ease-in;
 78 |     opacity: 0;
 79 |   }
 80 | 
 81 |   40% {
 82 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 83 |     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 84 |     -webkit-animation-timing-function: ease-in;
 85 |     animation-timing-function: ease-in;
 86 |   }
 87 | 
 88 |   60% {
 89 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 90 |     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 91 |     opacity: 1;
 92 |   }
 93 | 
 94 |   80% {
 95 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 96 |     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 97 |   }
 98 | 
 99 |   to {
100 |     -webkit-transform: perspective(400px);
101 |     transform: perspective(400px);
102 |   }
103 | }
104 | 


--------------------------------------------------------------------------------
/iframe/Replacer.js:
--------------------------------------------------------------------------------
 1 | import React, {Component} from 'react';
 2 | import {Switch} from 'antd';
 3 | import ReactJson from 'react-json-view';
 4 | 
 5 | import './Replacer.less';
 6 | 
 7 | export default class Replacer extends Component {
 8 |   constructor(props) {
 9 |     super();
10 |     this.state = {
11 |       showJSONEditor: false,
12 |       txt: props.defaultValue,
13 |       src: null,
14 |     }
15 | 
16 |     try {
17 |       let src = JSON.parse(props.defaultValue);
18 |       if (src && typeof src === 'object') {
19 |         this.state.src = src;
20 |       }
21 |     } catch (e) {
22 |       
23 |     }
24 |   }
25 | 
26 | 
27 |   componentDidUpdate(prevProps, {showJSONEditor}) {
28 |     if (showJSONEditor !== this.state.showJSONEditor) {
29 |       this.props.updateAddBtnTop();
30 |     }
31 |   }
32 | 
33 |   handleOverrideTxtChange = (txt) => {
34 |     let src;
35 |     try {
36 |       src = JSON.parse(txt);
37 |       if (!(src && typeof src === 'object')) {
38 |         src = null;
39 |       }
40 |     } catch (e) {
41 |       
42 |     }
43 |     this.setState({txt, src});
44 | 
45 |     window.setting.ajaxInterceptor_rules[this.props.index].overrideTxt = txt;
46 |     this.props.set('ajaxInterceptor_rules', window.setting.ajaxInterceptor_rules);
47 |   }
48 | 
49 |   handleJSONEditorChange = ({updated_src: src}) => {
50 |     let txt = JSON.stringify(src);
51 |     this.setState({txt, src});
52 | 
53 |     window.setting.ajaxInterceptor_rules[this.props.index].overrideTxt = txt;
54 |     this.props.set('ajaxInterceptor_rules', window.setting.ajaxInterceptor_rules);
55 |   }
56 | 
57 |   handleEditorSwitch = showJSONEditor => {
58 |     this.setState({showJSONEditor});
59 |   }
60 | 
61 | 
62 |   render() {
63 | 
64 |     return (
65 |       <>
66 |         <div className="replace-with">
67 |           Replace With:
68 |         </div>
69 |         <textarea
70 |           className="overrideTxt"
71 |           // placeholder="replace with"
72 |           style={{resize: 'vertical'}}
73 |           value={this.state.txt}
74 |           onChange={e => this.handleOverrideTxtChange(e.target.value)}
75 |         />
76 |         <Switch style={{marginTop: '6px'}} onChange={this.handleEditorSwitch} checkedChildren="JSON Editor" unCheckedChildren="JSON Editor" size="small" />
77 |         {this.state.showJSONEditor && (
78 |           this.state.src ? 
79 |           <div className="JSONEditor">
80 |             <ReactJson
81 |               name={false}
82 |               collapsed
83 |               collapseStringsAfterLength={12}
84 |               src={this.state.src}
85 |               onEdit={this.handleJSONEditorChange}
86 |               onAdd={this.handleJSONEditorChange}
87 |               onDelete={this.handleJSONEditorChange}
88 |               displayDataTypes={false}
89 |             /> 
90 |           </div> : <div className="JSONEditor Invalid">Invalid JSON</div>
91 |         )}
92 |       </>
93 |     );
94 |   }
95 | }


--------------------------------------------------------------------------------
/iframe/Replacer.less:
--------------------------------------------------------------------------------
 1 | .replace-with {
 2 |   margin-bottom: 6px;
 3 |   text-align: left;
 4 |   font-weight: 500;
 5 | }
 6 | .overrideTxt {
 7 |   resize: none;
 8 |   height: 100px;
 9 |   font-variant: tabular-nums;
10 |   font-feature-settings: 'tnum';
11 |   box-sizing: border-box;
12 |   margin: 0;
13 |   list-style: none;
14 |   position: relative;
15 |   display: inline-block;
16 |   padding: 4px 11px;
17 |   width: 100%;
18 |   font-size: 14px;
19 |   line-height: 1.5;
20 |   color: rgba(0, 0, 0, 0.65);
21 |   background-color: #fff;
22 |   background-image: none;
23 |   border: 1px solid #d9d9d9;
24 |   border-radius: 4px;
25 | }
26 | .overrideTxt:focus {
27 |   border-color: #40a9ff;
28 |   outline: 0;
29 |   -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
30 |   box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
31 |   border-right-width: 1px !important;
32 | }
33 | .overrideTxt:hover {
34 |   border-color: #40a9ff;
35 |   border-right-width: 1px !important;
36 | }
37 | .overrideTxt::-webkit-input-placeholder {
38 |   color: hsv(0, 0, 75%);
39 | }
40 | .JSONEditor {
41 |   text-align: left;
42 |   height: 300px;
43 |   margin-top: 15px;
44 |   overflow: auto;
45 |   width: calc(100% + 10px);
46 | }
47 | .Invalid {
48 |   text-align: center;
49 |   color: rgb(168, 168, 168);
50 |   font-size: 12px;
51 | }


--------------------------------------------------------------------------------
/iframe/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 |   <html>
 3 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 4 |     <head>
 5 |     </head>
 6 |     <body>
 7 |       <style>
 8 |         #main {
 9 |           height: 100%;
10 |         }  
11 |       </style>
12 |       <div id="main"></div>
13 |       <script type="module" src="bundle.js"></script>
14 |     </body>
15 |   </html>


--------------------------------------------------------------------------------
/iframe/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | 
 4 | import Main from './Main';
 5 | 
 6 | const DEFAULT_SETTING = {
 7 |   ajaxInterceptor_switchOn: false,
 8 |   ajaxInterceptor_rules: [],
 9 | }
10 | 
11 | if (chrome.storage) {
12 |   chrome.storage.local.get(['ajaxInterceptor_switchOn', 'ajaxInterceptor_rules'], (result) => {
13 |     // if (result.ajaxInterceptor_switchOn) {
14 |     //   this.set('ajaxInterceptor_switchOn', result.ajaxInterceptor_switchOn, false);
15 |     // }
16 |     // if (result.ajaxInterceptor_rules) {
17 |     //   this.set('ajaxInterceptor_rules', result.ajaxInterceptor_rules, false);
18 |     // }
19 |     window.setting = {
20 |       ...DEFAULT_SETTING,
21 |       ...result,
22 |     };
23 | 
24 |     ReactDOM.render(
25 |       <Main />,
26 |       document.getElementById('main')
27 |     );
28 |   });
29 | } else {
30 |   window.setting = DEFAULT_SETTING;
31 |   // 测试环境
32 |   ReactDOM.render(
33 |     <Main />,
34 |     document.getElementById('main')
35 |   );
36 | }


--------------------------------------------------------------------------------
/iframe/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "popup",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "popup.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "build": "webpack"
 9 |   },
10 |   "author": "",
11 |   "license": "ISC",
12 |   "dependencies": {
13 |     "@babel/plugin-proposal-class-properties": "^7.3.0",
14 |     "antd": "^3.13.1",
15 |     "css-loader": "^2.1.1",
16 |     "less": "^3.9.0",
17 |     "less-loader": "^4.1.0",
18 |     "postcss-loader": "^3.0.0",
19 |     "ppfish": "^1.6.7",
20 |     "react": "^16.8.1",
21 |     "react-dom": "^16.8.1",
22 |     "react-json-view": "^1.19.1",
23 |     "react-toastify": "^8.0.3",
24 |     "style-loader": "^0.23.1",
25 |     "svg-loader": "0.0.2",
26 |     "webpack": "^4.29.6"
27 |   },
28 |   "devDependencies": {
29 |     "@babel/core": "^7.2.2",
30 |     "@babel/preset-env": "^7.3.1",
31 |     "@babel/preset-react": "^7.0.0",
32 |     "babel-loader": "^8.0.5",
33 |     "webpack-cli": "^3.2.3",
34 |     "webpack-dev-server": "^3.1.14"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/iframe/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | 
 3 | module.exports = {
 4 |   entry: './index.js',
 5 |   output: {
 6 |     filename: 'bundle.js',
 7 |     path: path.resolve(__dirname)
 8 |   },
 9 |   mode: 'production',
10 |   module: {
11 |     rules: [{
12 |       test: /\.tsx?$/,
13 |       include: [
14 |         path.resolve(__dirname, 'source'),
15 |       ],
16 |       use: [{
17 |         loader: 'babel-loader'
18 |       },{
19 |         loader: 'ts-loader'
20 |       }]
21 |     }, {
22 |       test: /\.jsx?$/,
23 |       use: [{
24 |         loader: 'babel-loader',
25 |         options: {
26 |           cacheDirectory: true
27 |         }
28 |       }]
29 |     }, {
30 |       test: /\.css$/,
31 |       use: [{
32 |         loader: 'style-loader'
33 |       }, {
34 |         loader: 'css-loader?'
35 |       }]
36 |     }, {
37 |       test: /\.less$/,
38 |       use: [{
39 |         loader: 'style-loader'
40 |       }, {
41 |         loader: 'css-loader?'
42 |       }, {
43 |         loader: 'less-loader?'
44 |       }]
45 |     }, {
46 |       test: /\.svg?$/,
47 |       use: [{
48 |         loader: 'svg-loader',
49 |       }]
50 |     }]
51 |   },
52 |   devServer: {
53 |     contentBase: __dirname,
54 |     compress: true,
55 |     port: 9001,
56 |     host: 'localhost',
57 |     hot: true,
58 |   }
59 | };


--------------------------------------------------------------------------------
/images/128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/128.png


--------------------------------------------------------------------------------
/images/128_gray.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/128_gray.png


--------------------------------------------------------------------------------
/images/16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/16.png


--------------------------------------------------------------------------------
/images/16_gray.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/16_gray.png


--------------------------------------------------------------------------------
/images/32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/32.png


--------------------------------------------------------------------------------
/images/32_gray.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/32_gray.png


--------------------------------------------------------------------------------
/images/48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/48.png


--------------------------------------------------------------------------------
/images/48_gray.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/48_gray.png


--------------------------------------------------------------------------------
/images/hook222.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shenzhenjinma/hook-chrome-ajax/43bdfe5b7f33fa361bfe0b8107104f9d896002ca/images/hook222.png


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "HookAjax",
 3 |   "version": "2.1",
 4 |   "description": "HookAjax XHR Fetch",
 5 |   "permissions": [
 6 |     "storage",
 7 |     "tabs",
 8 |     "http://*/",
 9 |     "https://*/"
10 |   ],
11 |   "background": {
12 |     "scripts": ["background.js"],
13 |     "persistent": true
14 |   },
15 |   "browser_action": {
16 |   },
17 |   "icons": {
18 |     "16": "images/16_gray.png",
19 |     "32": "images/32_gray.png",
20 |     "48": "images/48.png",
21 |     "128": "images/128.png"
22 |   },
23 |   "manifest_version": 2,
24 |   "content_scripts": [
25 |     {
26 |       "matches": ["<all_urls>"],
27 |       "js": ["./content.js"],
28 |       "run_at": "document_start",
29 |       "all_frames": true
30 |     }
31 |   ],
32 |   "web_accessible_resources": [
33 |     "pageScripts/defaultSettings.js",
34 |     "pageScripts/main.js",
35 |     "iframe/index.html"
36 |   ]
37 | }


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 |   "lockfileVersion": 1
3 | }
4 | 


--------------------------------------------------------------------------------
/pageScripts/main.js:
--------------------------------------------------------------------------------
  1 | 
  2 | // 命名空间
  3 | let statusCodeMap={"200":"OK","400":"Not Found","500":"Internal Server Error"};
  4 | const Toast=(msg,duration)=>{
  5 |   duration=isNaN(duration)?3000:duration;
  6 |   var m = document.createElement('div');
  7 |   m.innerHTML = msg;
  8 |   m.style.cssText="max-width:100%;padding:14px 14px 45px;height: 40px;color: rgb(255, 255, 255);text-align: center;border-radius: 4px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999999;background: rgba(0, 0, 0,.7);font-size: 13px;";
  9 |   document.body.appendChild(m);
 10 |   setTimeout(function() {
 11 |     var d = 0.5;
 12 |     m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
 13 |     m.style.opacity = '0';
 14 |     setTimeout(function() { document.body.removeChild(m) }, d * 1000);
 15 |   }, duration);
 16 | }
 17 | let ajax_interceptor_qoweifjqon = {
 18 |   settings: {
 19 |     ajaxInterceptor_switchOn: false,
 20 |     ajaxInterceptor_rules: [],
 21 |   },
 22 |   originalXHR: window.XMLHttpRequest,
 23 |   myXHR: function() {
 24 |     let pageScriptEventDispatched = false;
 25 |     const modifyResponse = () => {
 26 |       ajax_interceptor_qoweifjqon.settings.ajaxInterceptor_rules.forEach(({filterCode = '200', filterType = 'normal', switchOn = true, match, overrideTxt = ''}) => {
 27 |         let matched = false;
 28 |         if (switchOn && match) {
 29 |           if (filterType === 'normal' && this.responseURL.indexOf(match) > -1) {
 30 |             matched = true;
 31 |           } else if (filterType === 'regex' && this.responseURL.match(new RegExp(match, 'i'))) {
 32 |             matched = true;
 33 |           }
 34 |         }
 35 |         if (matched) {
 36 |           this.responseText = overrideTxt;
 37 |           this.response = overrideTxt;
 38 |           this.status = filterCode;
 39 |           this.statusText = statusCodeMap[filterCode];
 40 |           if (!pageScriptEventDispatched) {
 41 |             window.dispatchEvent(new CustomEvent("pageScript", {
 42 |               detail: {url: this.responseURL, match}
 43 |             }));
 44 |             Toast('HookXHR => code:'+filterCode +" url:"+this.responseURL,500);
 45 |             pageScriptEventDispatched = true;
 46 |           }
 47 |         }
 48 |       })
 49 |     }
 50 |     
 51 |     const xhr = new ajax_interceptor_qoweifjqon.originalXHR;
 52 |     for (let attr in xhr) {
 53 |       if (attr === 'onreadystatechange') {
 54 |         xhr.onreadystatechange = (...args) => {
 55 |           if (this.readyState == 4) {
 56 |             // 请求成功
 57 |             if (ajax_interceptor_qoweifjqon.settings.ajaxInterceptor_switchOn) {
 58 |               // 开启拦截
 59 |               modifyResponse();
 60 |             }
 61 |           }
 62 |           this.onreadystatechange && this.onreadystatechange.apply(this, args);
 63 |         }
 64 |         continue;
 65 |       } else if (attr === 'onload') {
 66 |         xhr.onload = (...args) => {
 67 |           // 请求成功
 68 |           if (ajax_interceptor_qoweifjqon.settings.ajaxInterceptor_switchOn) {
 69 |             // 开启拦截
 70 |             modifyResponse();
 71 |           }
 72 |           this.onload && this.onload.apply(this, args);
 73 |         }
 74 |         continue;
 75 |       }
 76 |   
 77 |       if (typeof xhr[attr] === 'function') {
 78 |         this[attr] = xhr[attr].bind(xhr);
 79 |       } else {
 80 |         // responseText和response不是writeable的，但拦截时需要修改它，所以修改就存储在this[`_${attr}`]上
 81 |         if (attr === 'responseText' || attr === 'response' || attr === 'status' || attr === 'statusText') {
 82 |           Object.defineProperty(this, attr, {
 83 |             get: () => this[`_${attr}`] == undefined ? xhr[attr] : this[`_${attr}`],
 84 |             set: (val) => this[`_${attr}`] = val,
 85 |             enumerable: true
 86 |           });
 87 |         } else {
 88 |           Object.defineProperty(this, attr, {
 89 |             get: () => xhr[attr],
 90 |             set: (val) => xhr[attr] = val,
 91 |             enumerable: true
 92 |           });
 93 |         }
 94 |       }
 95 |     }
 96 |   },
 97 | 
 98 |   originalFetch: window.fetch.bind(window),
 99 |   myFetch: function(...args) {
100 |     return ajax_interceptor_qoweifjqon.originalFetch(...args).then((response) => {
101 |       let txt = undefined;
102 |       let code = undefined;
103 |       ajax_interceptor_qoweifjqon.settings.ajaxInterceptor_rules.forEach(({filterCode = '200', filterType = 'normal', switchOn = true, match, overrideTxt = ''}) => {
104 |         let matched = false;
105 |         if (switchOn && match) {
106 |           if (filterType === 'normal' && response.url.indexOf(match) > -1) {
107 |             matched = true;
108 |           } else if (filterType === 'regex' && response.url.match(new RegExp(match, 'i'))) {
109 |             matched = true;
110 |           }
111 |         }
112 |         if (matched) {
113 |           window.dispatchEvent(new CustomEvent("pageScript", {
114 |             detail: {url: response.url, match}
115 |           }));
116 |           Toast('HookFetch => code:'+filterCode +" url:"+response.url,500);
117 |           txt = overrideTxt;
118 |           code = filterCode;
119 |         }
120 |       });
121 | 
122 |       if (txt !== undefined) {
123 |         const stream = new ReadableStream({
124 |           start(controller) {
125 |             // const bufView = new Uint8Array(new ArrayBuffer(txt.length));
126 |             // for (var i = 0; i < txt.length; i++) {
127 |             //   bufView[i] = txt.charCodeAt(i);
128 |             // }
129 |             controller.enqueue(new TextEncoder().encode(txt));
130 |             controller.close();
131 |           }
132 |         });
133 |   
134 |         const newResponse = new Response(stream, {
135 |           headers: response.headers,
136 |           ok: code ? code=="200" : response.ok,
137 |           status: code || response.status,
138 |           statusText: response.statusText,
139 |         });
140 |         const proxy = new Proxy(newResponse, {
141 |           get: function(target, name){
142 |             switch(name) {
143 |               case 'ok':
144 |               case 'redirected':
145 |               case 'type':
146 |               case 'url':
147 |               case 'useFinalURL':
148 |               case 'body':
149 |               case 'bodyUsed':
150 |                 return response[name];
151 |             }
152 |             return target[name];
153 |           }
154 |         });
155 |   
156 |         for (let key in proxy) {
157 |           if (typeof proxy[key] === 'function') {
158 |             proxy[key] = proxy[key].bind(newResponse);
159 |           }
160 |         }
161 |   
162 |         return proxy;
163 |       } else {
164 |         return response;
165 |       }
166 |     });
167 |   },
168 | }
169 | 
170 | window.addEventListener("message", function(event) {
171 |   const data = event.data;
172 | 
173 |   if (data.type === 'ajaxInterceptor' && data.to === 'pageScript') {
174 |     ajax_interceptor_qoweifjqon.settings[data.key] = data.value;
175 |   }
176 | 
177 |   if (ajax_interceptor_qoweifjqon.settings.ajaxInterceptor_switchOn) {
178 |     window.XMLHttpRequest = ajax_interceptor_qoweifjqon.myXHR;
179 |     window.fetch = ajax_interceptor_qoweifjqon.myFetch;
180 |   } else {
181 |     window.XMLHttpRequest = ajax_interceptor_qoweifjqon.originalXHR;
182 |     window.fetch = ajax_interceptor_qoweifjqon.originalFetch;
183 |   }
184 | }, false);


--------------------------------------------------------------------------------