munrocket · October 23, 2022 19:30 · Oct 23, 2022 · Oct 23, 2022 · Oct 22, 2022 · Oct 22, 2022
diff --git a/ios-web-testing.md b/ios-web-testing.md
@@ -1,6 +1,6 @@
 #### Console On Screen Universal Solution
 ```js
- const scrConsole = document.createElement('div');
+const scrConsole = document.createElement('div');
 scrConsole.id = 'screenConsole';
 scrConsole.style.position = 'absolute';
 scrConsole.style.zIndex = 9e9;
@@ -10,7 +10,7 @@ scrConsole.style.color = 'white';
 scrConsole.style.fontSize = '.8em'; 
 scrConsole.style.userSelect = 'none';
 scrConsole.style.webkitUserSelect = 'none';
-document.body.appendChild(screencons);
+document.body.appendChild(scrConsole);
 const addSniffer = (spyTarget) => function() {
   spyTarget.apply(window.console, arguments);
   sniffer([...arguments]);
@@ -22,7 +22,7 @@ function sniffer(string) {
     let div = document.createElement("div");
     let text = document.createTextNode(line);
     div.appendChild(text)
-    screencons.appendChild(div);
+    scrConsole.appendChild(div);
   });
 }
 ```

diff --git a/ios-web-testing.md b/ios-web-testing.md
@@ -1,13 +1,16 @@
 #### Console On Screen Universal Solution
 ```js
-const screen = document.createElement('div');
-screen.id = 'screenConsole';
-screen.style.position = 'absolute';
-screen.style.zIndex = 9e9;
-screen.style.bottom = '5px';
-screen.style.left = '5px';
-screen.style.color = 'white'; 
-document.body.appendChild(screen);
+ const scrConsole = document.createElement('div');
+scrConsole.id = 'screenConsole';
+scrConsole.style.position = 'absolute';
+scrConsole.style.zIndex = 9e9;
+scrConsole.style.bottom = '5px';
+scrConsole.style.left = '5px';
+scrConsole.style.color = 'white'; 
+scrConsole.style.fontSize = '.8em'; 
+scrConsole.style.userSelect = 'none';
+scrConsole.style.webkitUserSelect = 'none';
+document.body.appendChild(screencons);
 const addSniffer = (spyTarget) => function() {
   spyTarget.apply(window.console, arguments);
   sniffer([...arguments]);
@@ -19,7 +22,7 @@ function sniffer(string) {
     let div = document.createElement("div");
     let text = document.createTextNode(line);
     div.appendChild(text)
-    screen.appendChild(div);
+    screencons.appendChild(div);
   });
 }
 ```

diff --git a/ios-web-testing.md b/ios-web-testing.md
@@ -4,9 +4,10 @@ const screen = document.createElement('div');
 screen.id = 'screenConsole';
 screen.style.position = 'absolute';
 screen.style.zIndex = 9e9;
-screen.style.top = '50px';
-screen.style.color = 'white';
-document.body.prepend(screen);
+screen.style.bottom = '5px';
+screen.style.left = '5px';
+screen.style.color = 'white'; 
+document.body.appendChild(screen);
 const addSniffer = (spyTarget) => function() {
   spyTarget.apply(window.console, arguments);
   sniffer([...arguments]);

diff --git a/ios-web-testing.md b/ios-web-testing.md
@@ -1,4 +1,4 @@
-Console On Screen Universal Solution
+#### Console On Screen Universal Solution
 ```js
 const screen = document.createElement('div');
 screen.id = 'screenConsole';
@@ -22,14 +22,16 @@ function sniffer(string) {
   });
 }
 ```
+Add this script on a page and run web server in same Wi-Fi network `npx servez`.
 
-MANUAL HOW TO RUN WEB INSPECTOR [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) on Linux/Windows with iOS 12.2+
-
+#### Old Manual How To Run Web Inspector
+[remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) on Linux/Windows with iOS 12.2+
+```
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 instead of 12 or the next step will fail. (`nvm install 11 && node -v`)
 * In downloaded remotedebug-ios-webkit-adapter directory update typescript and typemoq (`npm i [email protected] && npm i [email protected]`, )
 * Run `npm install`, `npm build` and `npm start` with conected iPhone/iPad
 * Continue onto Step 3 from the readme
-
+```
 Also worth noting that chrome://inspect doesn't scan port 9000 by-default so you need to add localhost:9000 using the Configure button.
diff --git a/ios-web-inspector.md → ios-web-testing.md b/ios-web-inspector.md → ios-web-testing.md
diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -1,4 +1,29 @@
-MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) on Linux/Windows with iOS 12.2+
+Console On Screen Universal Solution
+```js
+const screen = document.createElement('div');
+screen.id = 'screenConsole';
+screen.style.position = 'absolute';
+screen.style.zIndex = 9e9;
+screen.style.top = '50px';
+screen.style.color = 'white';
+document.body.prepend(screen);
+const addSniffer = (spyTarget) => function() {
+  spyTarget.apply(window.console, arguments);
+  sniffer([...arguments]);
+}
+window.console.log = addSniffer(window.console.log);
+window.console.error = addSniffer(window.console.error);
+function sniffer(string) {
+  string.forEach(line => {
+    let div = document.createElement("div");
+    let text = document.createTextNode(line);
+    div.appendChild(text)
+    screen.appendChild(div);
+  });
+}
+```
+
+MANUAL HOW TO RUN WEB INSPECTOR [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) on Linux/Windows with iOS 12.2+
 
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)

diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -4,7 +4,7 @@ MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebu
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 instead of 12 or the next step will fail. (`nvm install 11 && node -v`)
 * In downloaded remotedebug-ios-webkit-adapter directory update typescript and typemoq (`npm i [email protected] && npm i [email protected]`, )
-* Run `npm install`, `npm build` and `npm start` with conected iPhone
+* Run `npm install`, `npm build` and `npm start` with conected iPhone/iPad
 * Continue onto Step 3 from the readme
 
 Also worth noting that chrome://inspect doesn't scan port 9000 by-default so you need to add localhost:9000 using the Configure button.
diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -1,11 +1,9 @@
-MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) ON Linux/Windows
-
-for those who have no idea what they're doing, like myself, here's what I did that worked.
+MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) on Linux/Windows with iOS 12.2+
 
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 instead of 12 or the next step will fail. (`nvm install 11 && node -v`)
-* In downloaded remotedebug-ios-webkit-adapter directory update local typescript and (`npm i [email protected] && npm i [email protected]`, )
+* In downloaded remotedebug-ios-webkit-adapter directory update typescript and typemoq (`npm i [email protected] && npm i [email protected]`, )
 * Run `npm install`, `npm build` and `npm start` with conected iPhone
 * Continue onto Step 3 from the readme
 

diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -5,7 +5,7 @@ for those who have no idea what they're doing, like myself, here's what I did th
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 instead of 12 or the next step will fail. (`nvm install 11 && node -v`)
-* In downloaded remotedebug-ios-webkit-adapter directory update local typescript and (`npm i typescript@ltypescript@3.5.3 && npm i [email protected]`, )
+* In downloaded remotedebug-ios-webkit-adapter directory update local typescript and (`npm i [email protected] && npm i [email protected]`, )
 * Run `npm install`, `npm build` and `npm start` with conected iPhone
 * Continue onto Step 3 from the readme
 

diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -5,7 +5,7 @@ for those who have no idea what they're doing, like myself, here's what I did th
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 instead of 12 or the next step will fail. (`nvm install 11 && node -v`)
-* In your downloaded remotedebug-ios-webkit-adapter directory update local typescript to latest (`npm i typescript@latest`)
+* In downloaded remotedebug-ios-webkit-adapter directory update local typescript and (`npm i typescript@[email protected] && npm i [email protected]`, )
 * Run `npm install`, `npm build` and `npm start` with conected iPhone
 * Continue onto Step 3 from the readme
 

diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -5,8 +5,8 @@ for those who have no idea what they're doing, like myself, here's what I did th
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 instead of 12 or the next step will fail. (`nvm install 11 && node -v`)
-* Update local typescript to latest (`npm i typescript@latest`)
-* Run npm install and npm start in your downloaded remotedebug-ios-webkit-adapter directory
+* In your downloaded remotedebug-ios-webkit-adapter directory update local typescript to latest (`npm i typescript@latest`)
+* Run `npm install`, `npm build` and `npm start` with conected iPhone
 * Continue onto Step 3 from the readme
 
 Also worth noting that chrome://inspect doesn't scan port 9000 by-default so you need to add localhost:9000 using the Configure button.
diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -1,4 +1,4 @@
-MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) ON LINUX/WINDOWS
+MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) ON Linux/Windows
 
 for those who have no idea what they're doing, like myself, here's what I did that worked.
 

diff --git a/ios-web-inspector.md b/ios-web-inspector.md
@@ -1,4 +1,4 @@
-MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) on Linux
+MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) ON LINUX/WINDOWS
 
 for those who have no idea what they're doing, like myself, here's what I did that worked.
 

diff --git a/remote-web-inspector.md → ios-web-inspector.md b/remote-web-inspector.md → ios-web-inspector.md
diff --git a/RemoteWebInspector.md → remote-web-inspector.md b/RemoteWebInspector.md → remote-web-inspector.md
@@ -1,4 +1,5 @@
-MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)
+MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) on Linux
+
 for those who have no idea what they're doing, like myself, here's what I did that worked.
 
 * Follow Step 1 from the readme

diff --git a/RemoteWebInspector.md b/RemoteWebInspector.md
@@ -3,7 +3,8 @@ for those who have no idea what they're doing, like myself, here's what I did th
 
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
-* Make sure you are using node 11 (I used 11.15.0) instead of 12 or the next step will fail.
+* Make sure you are using node 11 instead of 12 or the next step will fail. (`nvm install 11 && node -v`)
+* Update local typescript to latest (`npm i typescript@latest`)
 * Run npm install and npm start in your downloaded remotedebug-ios-webkit-adapter directory
 * Continue onto Step 3 from the readme
 

diff --git a/RemoteWebInspector.md b/RemoteWebInspector.md
@@ -1,4 +1,5 @@
-MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) for those who have no idea what they're doing, like myself, here's what I did that worked.
+MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)
+for those who have no idea what they're doing, like myself, here's what I did that worked.
 
 * Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)

diff --git a/RemoteWebInspector.md b/RemoteWebInspector.md
@@ -1,6 +1,6 @@
 MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) for those who have no idea what they're doing, like myself, here's what I did that worked.
 
-* Follow Step 1 from the [remotedebug readme](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)
+* Follow Step 1 from the readme
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 (I used 11.15.0) instead of 12 or the next step will fail.
 * Run npm install and npm start in your downloaded remotedebug-ios-webkit-adapter directory

diff --git a/RemoteWebInspector.md b/RemoteWebInspector.md
@@ -1,4 +1,4 @@
-MANUAL HOW TO RUN remotedebug-ios-webkit-adapter for those who have no idea what they're doing, like myself, here's what I did that worked.
+MANUAL HOW TO RUN [remotedebug-ios-webkit-adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) for those who have no idea what they're doing, like myself, here's what I did that worked.
 
 * Follow Step 1 from the [remotedebug readme](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)

diff --git a/RemoteDebug.md → RemoteWebInspector.md b/RemoteDebug.md → RemoteWebInspector.md
diff --git a/RemoteDebug.md b/RemoteDebug.md
@@ -1,24 +1,9 @@
-For those who have no idea what they're doing, like myself, here's what I did that worked.
+MANUAL HOW TO RUN remotedebug-ios-webkit-adapter for those who have no idea what they're doing, like myself, here's what I did that worked.
 
 * Follow Step 1 from the [remotedebug readme](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)
 * Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 (I used 11.15.0) instead of 12 or the next step will fail.
 * Run npm install and npm start in your downloaded remotedebug-ios-webkit-adapter directory
 * Continue onto Step 3 from the readme
-* Here are some more comprehensive instructions for Windows in particular:
-
-Get files from https://github.com/fishbone1/remotedebug-ios-webkit-adapter
-* Install iTunes (https://www.microsoft.com/en-us/p/itunes/9pb2mz1zmb1s)
-* Install scoop (https://scoop.sh)
-* scoop install nodejs nvm
-* scoop bucket add extras
-* scoop install ios-webkit-debug-proxy
-* nvm install 11.15.0 (version 12 doesn't work for the final couple of steps)
-* nvm use 11.15.0 (might have to reopen PowerShell after this, it'll tell you)
-* npm install -g vs-libimobile
-* cd to your download of remotedebug-ios-webkit-adapter
-* npm install
-* npm start
-* Continue onto Step 3 from the readme
 
 Also worth noting that chrome://inspect doesn't scan port 9000 by-default so you need to add localhost:9000 using the Configure button.
diff --git a/RemoteDebug.md b/RemoteDebug.md
@@ -1,7 +1,7 @@
 For those who have no idea what they're doing, like myself, here's what I did that worked.
 
 * Follow Step 1 from the [remotedebug readme](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)
-* Instead of following Step 2 from the readme, download the code from https://github.com/fishbone1/remotedebug-ios-webkit-adapter
+* Instead of following Step 2 from the readme, download the code from [here](https://github.com/arseneyr/remotedebug-ios-webkit-adapter/tree/ios12.2) as described in this [issue](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/138#issuecomment-493324681)
 * Make sure you are using node 11 (I used 11.15.0) instead of 12 or the next step will fail.
 * Run npm install and npm start in your downloaded remotedebug-ios-webkit-adapter directory
 * Continue onto Step 3 from the readme

diff --git a/RemoteDebug.txt → RemoteDebug.md b/RemoteDebug.txt → RemoteDebug.md
diff --git a/gistfile1.txt → RemoteDebug.txt b/gistfile1.txt → RemoteDebug.txt
diff --git a/gistfile1.txt b/gistfile1.txt
@@ -0,0 +1,24 @@
+For those who have no idea what they're doing, like myself, here's what I did that worked.
+
+* Follow Step 1 from the [remotedebug readme](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)
+* Instead of following Step 2 from the readme, download the code from https://github.com/fishbone1/remotedebug-ios-webkit-adapter
+* Make sure you are using node 11 (I used 11.15.0) instead of 12 or the next step will fail.
+* Run npm install and npm start in your downloaded remotedebug-ios-webkit-adapter directory
+* Continue onto Step 3 from the readme
+* Here are some more comprehensive instructions for Windows in particular:
+
+Get files from https://github.com/fishbone1/remotedebug-ios-webkit-adapter
+* Install iTunes (https://www.microsoft.com/en-us/p/itunes/9pb2mz1zmb1s)
+* Install scoop (https://scoop.sh)
+* scoop install nodejs nvm
+* scoop bucket add extras
+* scoop install ios-webkit-debug-proxy
+* nvm install 11.15.0 (version 12 doesn't work for the final couple of steps)
+* nvm use 11.15.0 (might have to reopen PowerShell after this, it'll tell you)
+* npm install -g vs-libimobile
+* cd to your download of remotedebug-ios-webkit-adapter
+* npm install
+* npm start
+* Continue onto Step 3 from the readme
+
+Also worth noting that chrome://inspect doesn't scan port 9000 by-default so you need to add localhost:9000 using the Configure button.