Device Type/Name variables

A feature I’d like to see in Hopscotch is:

Device Type/Name variable

I’d use it for this type of project:

If you had a tapper or a website with a specific layout that was good for iPad, but it didn’t work for iPhone, you could change the positions of all the buttons on screen so they would work for iPhone.

Here are some examples of Hopscotch code that could be improved if we had this:

See above

Here is an example design I’ve made:

I’ve seen something similar in another programming languages, it looks like this:

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;



you could use if width > 600 do ____ else if width > 1024 do ____

there’s a variable for width, but a built in device variable would be nice


Yeah I still think we need this, but you’re right.

1 Like

wait that wouldn’t work editor size would still be 1024 even on a phone if the project was made using an iPad


It would totally ruin Awesome_E’s device guesser project, but I like the idea!


Lol…kinda the point, to make stuff like that much easier to implement


Thanks for the consideration, but this type of thing would be much better and would not be limited to just one project size.


nice idea

1 Like

This would be awesome!

1 Like


1 Like

This would be really useful.