Android WebApp Capable [Improvement]
See original GitHub issueIssue Description
Description
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">
Source: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
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.
Versions
- CNCjs: 1.9.15
How Do You Install CNCjs?
- NPM
- Download the CNCjs Desktop Application
CNC Controller
- Grbl
- Smoothieware
- TinyG/g2core
Hardware
- Raspberry Pi
- Desktop or Laptop
- Mobile Device
Operating System
- Not Applicable
- Windows
- Mac
- Linux
Issue Analytics
- State:
- Created 4 years ago
- Comments:15 (5 by maintainers)
Top 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 - web.dev
There are many enhancements that can improve the conversion and usage of your ... App shortcuts are available on most desktop operating systems...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@karoria nice suggestion layout! +1 for that enhancement
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.