Member Avatar for Siberian

Anyone familiar with how to add a Galaxy S5 & S6 running Android Lollipop (5.x) to Chrome Web Device List; from what I know JSon is involved but I'm not familar with JSon, I hope I can get some help ?

  • 2 Contributors
  • 12 Replies
  • 2K Views
  • 8 Hours Discussion Span
  • Latest Post Latest Post by rproffitt

Dani AI

Generated

the confusion here is that Chrome has two very different “device lists.” The one used by DevTools for emulation is local to your browser and does not require the phone to sign in. You can add a Galaxy preset yourself; no JSON editing is needed or supported as a workflow. In DevTools, click Toggle device toolbar, open the Dimensions list, choose Edit, then Add custom device. Give it a name, set width/height, and optionally set device pixel ratio (DPR), user agent, and device type. It will then appear in the Dimensions menu for quick switching. The official docs walk through this UI and the fields you can set. (developer.chrome.com)

Two practical tips for what you want to do next (DOM inspection on a simulated phone):

  • In the device toolbar’s More options menu, make sure Device type is Mobile so touch events are sent; then use the normal element picker to select HTML nodes. This is all part of Device Mode, which simulates viewport, input, network/CPU throttling, and more. It is intended as an approximation, not a full phone emulator. (developer.chrome.com)
  • If you need exact, on-device behavior (fonts, GPU, Samsung quirks, real performance), plug in an Android device and use remote debugging from your desktop Chrome. You will be able to live-inspect elements, view console, and screencast the phone. (developer.chrome.com)

was right that the sync-oriented “devices/tabs” view is unrelated to emulation. For your use case, stick to DevTools Device Mode presets or add a custom entry as above, and when precision matters, confirm with remote debugging on real hardware. (developer.chrome.com)

Recommended Answers

All 12 Replies

Member Avatar for Siberian

You need to sign in with Chrome using the Device; I don't have access to the Device ?

Member Avatar for rproffitt

That's a stumper. I see no document telling us what to manually add here. Even if we did add it, the content we see in that tab won't update because the device is not signed in. I'm intrigued. Why do this if it won't send us the usual data as we see in the link I gave?

Member Avatar for Siberian

Why do this if it won't send us the usual data as we see in the link I gave?

I don't understand your question, is it a general question or directed towards me ?

Maybe there is someone here who could connect to Chrome using the device which would maybe, create a Json file that one or I could use ?

Edited by Siberian
Member Avatar for rproffitt

, yes that was directed at you. Even if you added the device there would be nothing from the device in the screens I see here. It's not as if you will see the tabs and actions on the device by adding this to your Chrome.

Member Avatar for Siberian

It sounds as if you're saying; if I add the two devices it wouldn't emulate the Galaxy S5 & S6 ?

Member Avatar for rproffitt

. I added that first link in my first reply so I would know if we were on the same page. The Chrome Devices list is not about emulation in that link but about syncing.

Now that you wrote emulation, well that's a horse of a different color. I'm guessing you are looking at the Emulation tab and the devices there now.

Will Samsung's own simulator do here? http://www.samsung.com/hk_en/support/ds/smartsimulator/#product

Member Avatar for Siberian

The Chrome Devices list, does emulate, as is works with Chrome Dev Tools. Samsungs own simulator doesn't allow me to select html elements; why I was hoping I could add those two Samsung devices to Chrome Dev list.

Member Avatar for rproffitt

Did try that "Responsive Web Design Tester" which has presets for that S6? Maybe it on the sly install those models for you.

Finally, did you get to the samsung developer's site and ask for this there?

Member Avatar for Siberian

The Samsung developer site sorta has tumbleweed blowing though it, you know what I mean !

Though all this, wouldn't it be easier to somehow as my original question get the device list info and feed that into Chrome and it shows up in Chrome device list as the other devices; rather then download all these tools ? It's only two devices, possible their screen dimentions are almost, if I'm correct, identical. Therefore I may only need one of the two devices for Chrome.

Member Avatar for rproffitt

. My mistake here was that I thought you were asking about the device list you see in my first link. Once you added a word about emulation, my answer was invalid. At the office we obtain the devices as needed for testing. But that work was a few years back so I don't have access to the units for now. Good hunting.

Member Avatar for rproffitt

Sorry about the miscommunication here but I'll share this might be doable with 3 sources of information.

First I'd collect the screen dimensions at https://design.google.com/devices/
Second I'd read http://developer.samsung.com/technical-doc/view.do?v=T000000203 about how to use this along with
Third the UserAgent string for the device in question from https://user-agents.me/device/samsung-galaxy-s6

What a mess.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.