Wk-notes-11-12-safari-remote-debug

I. Inspecting iOS safari with Mac safari

• iOS -> Setting -> Safari -> Advanced -> Web inspector

• cable connect

• find Mac's ip (ifconfig), and connect to

• Open Mac Safari -> development console -> select device and

Ref : https://ebaytech.berlin/testing-web-applications-running-on-localhost-with-an-iphone-7db6258b8f2

II. Use Xcode to simulate iPhone

III. ngrock establish a ssh tunnel from a localhost port to a remote url

ngrok http --host-header=rewrite 8080

Accessibility

• focus management, tabbable element selector, using querySelector to get tabbale el and do tricks on them

!! how to trigger iOS keyboard, add absolute fake <input>

<input style="height:100%;
              width:100%;
              opacity:0.2;
              border:none;
              position:absolute;
              top:0px;
              left:0px;
              font-size:16px" 
       id="x">

with click event, do fakeInputEL.addEventListener('click',(e) => {wrapperEl.append(popupEl);nextInput.focus();});