What does Weinre actually do to the target DOM when you select an element with the remote client? It seems to inject code into the target page (e.g. to make the highlights), but sometimes it seems that just interacting with the page with the Weinre client can fix the problem
This has happened with CSS rendering bugs, but has also just happened when my app wasn't responding to touch events. Highlighting elements in the page fixed the problem.
So if I can do what Weinre does, I can perhaps fix - or get a better understanding of - my problems.
Thanks for any insight.
.Your problem sounds a bit like the what we used to calls the "wiggly mouse" problem on Windows. You'd do something dumb in your code, and the UI would stop responding. Until you moved the mouse a little bit. And then it would do what it was supposed to, until you stopped moving the mouse, at which point it would stop responding again. MADDENING!
Does your code exhibit the problem without weinre installed at all?
I'd also try running the target on the desktop, with weinre, and open up Chrome DevTools and see if anything interesting shows up in it's console.
<weinrehighlighter style="position: absolute; overflow: hidden; border: 0px solid rgba(246, 178, 107, 0.658824); background-color: rgba(255, 255, 153, 0.4); outline: black solid thin; display: block; z-index: 10000000; top: 97px; left: 282px; height: 1500px; width: 150px;"><weinrehighlighter style="position: absolute; display: block; overflow: hidden; border: 0px solid rgba(0, 255, 0, 0.2); background-color: rgba(0, 0, 255, 0.298039); top: 0px; left: 0px; bottom: 0px; right: 0px;"></weinrehighlighter></weinrehighlighter>
I thought to do this after sending my initial message, and saw that the target page had a weinrehighlighter element added, as below
<weinrehighlighter style="position: absolute; overflow: hidden; border: 0px solid rgba(246, 178, 107, 0.658824); background-color: rgba(255, 255, 153, 0.4); outline: black solid thin; display: block; z-index: 10000000; top: 97px; left: 282px; height: 1500px; width: 150px;"><weinrehighlighter style="position: absolute; display: block; overflow: hidden; border: 0px solid rgba(0, 255, 0, 0.2); background-color: rgba(0, 0, 255, 0.298039); top: 0px; left: 0px; bottom: 0px; right: 0px;"></weinrehighlighter></weinrehighlighter>