search

inspectdev / inspect-issues

Issue tracker for Inspect
22 stars 2 forks source link

Inspect doesn't work as expected on Ionic Vue app on Xcode emulator #83

Closed nirajhinge closed 3 years ago

nirajhinge commented 3 years ago

Steps to Reproduce:

  1. Create a Ionic 5 app with Vue
  2. Run it on iOS emulator (iPhoneX)

I was expecting to see the usual Chrome dev tools to inspect the styles but there seems to be a big where I can select the elements but no styling information is displayed as you can see in the screenshot attached.

It is also very slow and buggy to the point of being unusable when you try to click around the elements and not very responsive to me clicking around different parts of the app.

Screenshot 2021-07-18 at 06 56 30 Screenshot 2021-07-18 at 06 54 38
auchenberg commented 3 years ago

Thanks for the report @nirajhinge.

1) I believe the first issue is this one, right? https://github.com/inspectdev/inspect-issues/issues/46. This is a known issue, and a solution is yet to be found.

2) Is this the screencasting aspect or what parts of Inspect are slow? Screencasting is in preview, and performance isn't ideal, but that's why it's in preview.

nirajhinge commented 3 years ago

@auchenberg

  1. That does look similar.
  2. I think it is in preview - basically just clicking around the preview with the arrow as I would do in a browser, I was expecting usual behaviour I do when clicking around web elements with Chrome DevTools selector but here it was taking a while to update the element being selected. Not as big a issue as the first one but just makes the whole experience a bit difficult to develop.
auchenberg commented 3 years ago

@nirajhinge Alright. So it's the performance of the screencasting that's a problem, or are there specific interactions that don't work for you? The experience should be similar to remote debugging an Android device with native Chrome DevTools.

auchenberg commented 3 years ago

Closing due to inactivity.