Chrome://inspect shows my device but I can't inspect it - android

I want to get my hands dirty with app automation so I've been playing around with learning Appium (if anybody has any good tutorials send em my way!). I have an app on my local machine that I'm wanting to use for testing purposes.
The app is one I've created with c# and Xamarin Forms so I have all the files and the .apk locally.
I found a video that said you could use the chrome://inspect page to view apps in an emulator and even inspect them. When my app is running (starting it via Visual Studio) I can see it pop up in the device list but I don't have the option to inspect it.
I'm not sure how people feel about pictures but I don't really have any code to post so I'll just show you that the app is, indeed, running and what I see on the chrome devices page.
Here is my app running
And here is the device list from chrome. You can see the emulator there but I can't do anything with it
What am I missing here?

Chrome://Inspect is a part of Chrome Dev Tools that lets you see port forwarded web views from the mobile in a desktop browser. This is because we cannot inspect elements in Chrome mobile (something we do in desktop browser with CTRL+SHIFT+I) and we have to forward the chrome mobile window to chrome desktop.
To inspect element, if you're working on a web page or web application, just simply right click on that page and choose Inspect
And in your case, for inspecting Android application (apk), you should use UiAutomatorViewer, AppiumStudio, Katalon mobile spy, etc...
Here is my answer to similar question: https://stackoverflow.com/a/58204262/7302505

Related

How can we run an android app in Windows at any browser?

I want to run an android app(apk) in Windows at any browser like chrome, firefox but I do not know how.I don't want to use any emulator like bluestacks or NoxPlayer.Me. I want to run and display the application like in chrome browser at developer mode(mobile or tablet view). For example I want to add a link in any web browser to promote the applications I created so that the user can see them for example in a portfolio. I have tried to use a method like this website(https://www.androidguys.com/tips-tools/run-android-apps-chrome/) but it not working!So how can I run this and display with mobile view at any browsers in Windows? Did anyone try this?

Android Emulator screen mirror and control in browser?

There are some online Android emulators on the web where you can start an emulator install apps and control your virtual device in the browser.
I want to develop the same thing in my local network where 1 server is deploying the virtual devices. A local web page where my collegues can start devices form the list and install apks for testing.
I can not find any start point and research point.
Can you tell me where to start? All google searches delivers me only adds and commercial online emulator websites. How did they do it? how to output the screen in browser and how to control?
Thank you.
I found a cool solution.
The magic is phpVirtualBox.
Can be foudn here

Phonegap not showing up in Chrome remote debug

I'm trying to debug a Phonegapp app on my Android tablet running via the Phonegap developer app.
According to this post, and Google's own remote debugging docs, Phonegap should show up as a tab in DevTools > remote devices because Cordova is basically just a WebView (as I understand it.) The device is connected via USB and is successfully detected. Alas, this is all I see when my app is running on the device:
If I open Chrome on the tablet, and go to a page, it does show up, so it seems it's only the app it won't show. What am I doing wrong?
[Update:
I also found this post, which makes the process sound decidedly more complicated. However, it's 3 years old and talks about modifying a file (AndroidManifest.xml) that I don't have in my PG build, so I assume it's outdated.]

How to see information related to network tab in chrome mobile browser

Is there any way to see the network related logs in chrome mobile phone browser?
I have tried and I found that in desktop browser we can view network related information
I want to see how page load time in network tab for chrome mobile browser
Yeah, you definitely can. Check out this tutorial:
https://developer.chrome.com/devtools/docs/remote-debugging
It'll allow you to debug your mobile browser from the desktop dev tools.
Maybe it is a little late but i still leave my answer here.
Android
if your android app is using stetho, then you can:
Connect your device with a usb cable to your PC
Navigate to chrome://inspect/#devices
It opens a page which includes the list of your devices
Click on the link of your device and it opens Developer tools of chrome for you, which includes console, and Network tabs
But, keep in mind that your app must benefit from stetho, otherwise you don't see anything.
IOS:
Install Charlesproxy
Follow this guideline

Mobile website preview

My website's desktop version is almost finish.
Now, I would like to test my website on my android device (Htc One).
I'm not looking for an emulator, because I want to test all my touching reactions.
I tried with CodeKit, by generating an url, but my smartphone don't want open the page.
Do you have any soft to recommend to do this ?
I coded with Brackets using mamp.
Hope you have understand my problem,
If you're already using Brackets, then Adobe Edge Inspect may be a good option because it has a Brackets extension available.
Edge Inspect syncs mobile devices with your desktop browser so you can test across all of them at once. And it makes it easy to connect dev tools to your mobile device for debugging the mobile rendering (although it's a slightly limited version of the dev tools, called weinre).
First make sure you have MAMP installed on your machine.
Next step is to get your IP address on your MAC > System Preferences > Network > AirPort.
Now you’ll need the Apache Port from MAMP. (default is 8888).
Put these two piece of information together to make up the URL for your iPad/iPhone: 192.168.100.170:8888.
Now go to this url with your smartphone and that's it !
http://www.designshifts.com/view-local-wordpress-website-on-your-iphone-or-ipad-with-mamp/

Categories

Resources