Cant debug any apps on google chromecast device - chromecast

I registered the chromecast in chrome developer account but still i am not able to debug any apps. Chromecast is showing up in the developer console, but the inspect button is not visible. I tried debugging my own styled media receiver app.
https://developers.google.com/cast/docs/debugging

You might have to restart your device to ensure it downloads the latests configs for development. Also, it is very easy to get the serial number wrong when you register your device in the Google Cast Developer console, so double check that too.

Related

Cannot view mobile app for tab development

I am trying to create a layout for our teams channel tab app but when running the app locally and inspecting it as a mobile device, teams throws an error that the browser is not supported.
Can anyone point me in the correct direction to develop my app for mobile use or how I can view the mobile app from the VS Code Teams Toolkit debugging tools?
I have tried to run the app in chrome and in MS Edge browsers and use the inspector device emulators in both but get the same error. I have also tried connecting via my local machine's IP /the FE port 53000 and also have had no luck there.
I used directly my mobile device (android) with Teams App installed for debugging teams custom tab (both phone and tablet worked fine). Connect your android device to your laptop/desktop (using USB), and then on the phone:
Enable USB debugging
Enable "Developer Preview" in Teams options
In the desktop chrome, navigate to chrome://inspect/devices and you should see your device there in the list available for inspection/debugging. You could probably also connect using local WIFI (?), but I have not tried that. Also never tried that with Edge, so not sure if it works.
https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/developer-tools#access-devtools-from-an-android-device
It's not possible to debug a Teams tab on iOS using Windows (or Mac). Using Dev Tools, we can debug Teams tab in desktop and Android clients.
Ref Document: https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/developer-tools

Chromecast home screen development options?

I've been reading through Google's Chromecast developer documentation and I can't seem to find any developer docs that discuss how to develop customizations for the Chromecast home screen, such as HTML overlays, etc.
There are Chromecast apps available that do show stuff on the Chromecast home screen, such as Dashboard Cast, https://play.google.com/store/apps/details?id=com.rir.dashboardcast&hl=en.
Does anyone know what approaches can be used with the Receiver API to allow this?
You cannot customize the home screen (backdrop); users can change what sort of feeds (images) can be used to be shown there. You, as a developer, do not have control over that and if it seems that some developers have customized that, in reality they have not; they are running an app there (like any other chromecast app).

Chromecast debugger unavailable

I'm trying to develop a new application for Chromecast device.
However I can't access to Chromecast Debugger by the URL http://[CHROMECAST-IP]:9222 after I've launched my receiver app in Chrome (OS X 10.10.4 / version 45.0.2454.15 dev (64-bit), but it the same with all version).
I've already rebooted and made factory reset my Chromecast few times. My device is also well registered on Google Cast SDK Developer Console and I'm very sure with the device number (I checked 10 times). My app is also registered with an App Id and I'm on the same WiFi network of Chromecast when I cast with my Chrome sender.
Finally, my firmware version is 32904.
Someone can help me to resolve this problem ? If you need other information, ask me.
Please contact our support for this issue; they can help you debug your issue.
To debug a Chromecast device you need to register the app and the Google Cast device and then go to chrome://inspect.
Detailed instructions are here: https://developers.google.com/cast/docs/debugging

How can I run chromecast sample without whitelisting

When I try to write my custom app, I am asked to white list the device. But how can I run the sample apps without whitelisting my chromecast device.
Sample apps here, https://github.com/googlecast/CastHelloText-android
First you need to add the app on your Google Cast SDK Developer Console. Once it is added, click on your application and publish the app. As stated:
When published, your application can be launched on any device. When
unpublished, your application can only be launched on your authorized
devices.
If you want to use your own receiver, you have no choice but to whitelist your device for your app (unless you decide to publish your app which is not a good idea). You can use the app id that is provided in that project and that refers to a published on but that is not your receiver anymore.

Debugging javascript running on the chromecast device

I have my app working with some very basic receiver html however I would now like to do more on the receiver end. Is there a way for me to debug what is happening on the chromecast side? At this point I'm not even sure if my web page is getting refreshed each time.
Open your Chrome browser on port 9222 of your ChromeCast device: http://192.168.0.x:9222
By default the console tab will just show the current app's output, but if you jump from one app to another or your app receiver closes for some reason, you won't know why. To fix that, click on the settings icon (lower right corner) and enable "Preserve log upon navigation"
There appears to be a bug on the ChromeCast device where it caches older versions of the reciever. Just restart the device to force it to download the latest version.

Resources