Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Android WebApp Capable [Improvement]

See original GitHub issue


When viewing CNCjs on an android device (for example, using it as a pendant), there is a lot of screen space wasted by the address bar. It’s possible to remove this when adding the CNCjs URL the Android Home screen, as it should be able to launch as a web app. It requires a short amount of code to be added to the header to enable this:

<meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">


It’s a minor tweak that won’t affect anyone other than users using this as a webapp, as I imagine many of us do.


  • CNCjs: 1.9.15

How Do You Install CNCjs?

  • NPM
  • Download the CNCjs Desktop Application

CNC Controller

  • Grbl
  • Smoothieware
  • TinyG/g2core


  • Raspberry Pi
  • Desktop or Laptop
  • Mobile Device

Operating System

  • Not Applicable
  • Windows
  • Mac
  • Linux

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:15 (5 by maintainers)

github_iconTop GitHub Comments

spankurmonkeycommented, Mar 30, 2019

@karoria nice suggestion layout! +1 for that enhancement

MitchBradleycommented, Mar 26, 2019

When you say “Android device”, are you talking about a tablet or a phone or both? The shopfloor tablet screen layout works pretty well on a 10" tablet, but it is not setup for a phone-sized screen. You might be able to do something with the .css to make a phone-centric layout, but I think it would require rethinking the overall layout instead of just scaling and freezing. I have been thinking about structuring the UI as a set of task-focused subscreens, instead of the current “one screen to rule them all” approach. There would be different screens for job setup/jogging, task running, and maintenance. Each screen would have only a few controls, with large buttons.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Guide to app performance - Android Developers
This guide provides you with an overview of libraries, tools and best practices to inspect, improve, and monitor performance on Android.
Read more >
When not to use mobile-web-app-capable - Stack Overflow
I'm mostly thinking about unauthenticated content here which is static from a HTML server perspective, although it may well be interctive thanks ...
Read more >
Mobile Web Development: When, Why, and How | Toptal
Mobile web development—optimizing web apps for mobile devices—is ... that packs a punch with a lot of graphical elements that really can improve...
Read more >
[parity] Detect "web app capable" sites using meta mobile-web ...
When the icon is touched on the homescreen, a new process is launched that shows up in the Android app list as "Web...
Read more >
Enhancements -
There are many enhancements that can improve the conversion and usage of your ... App shortcuts are available on most desktop operating systems...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found