Skip to content

Commit d4e6bbb

Browse files
author
John Stallo
committed
Mobile device testing content tweaks
1 parent 6949e67 commit d4e6bbb

File tree

2 files changed

+5
-7
lines changed

2 files changed

+5
-7
lines changed

connected-environment/common/build-and-run-in-k8s-cli.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,4 +20,4 @@ Scan the console output for information about the public URL that was created by
2020

2121
`Running at public URL: https://<servicename>-<environmentname>.vsce.io`
2222

23-
Open this URL in a browser window - or better yet, from a mobile device - and you should see the web app load. As the container executes, `stdout` and `stderr` output is streamed to the terminal window.
23+
Open this URL in a browser window, and you should see the web app load. As the container executes, `stdout` and `stderr` output is streamed to the terminal window.

connected-environment/get-started-nodejs-03.md

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,25 +26,23 @@ Connected Environment isn't just about getting code running in Kubernetes - it's
2626
What happened? Edits to content files, like HTML and CSS, don't require the Node.js process to restart, so an active `vsce up` command will automatically sync any modified content files directly into the running container in Azure, thereby providing a fast way to see your content edits.
2727

2828
### Test from a mobile device
29-
If you open up the web app on a mobile device, you will notice that the UI is not scaled appropriately for a small device.
29+
If you open the web app on a mobile device, you will notice that the UI does not display properly on a small device.
3030

3131
To fix this, we'll add a `viewport` meta tag:
3232
1. Open the file `./public/index.html`
3333
1. Add a `viewport` meta tag in the existing `header` tag:
3434

3535
```html
3636
<header>
37-
<!-- Add this line in the existing header tag -->
37+
<!-- Add this line -->
3838
<meta name="viewport" content="width=device-width, initial-scale=1">
3939
</header>
4040
```
4141

4242
1. Save the file.
43-
1. Refresh your device's browser.
43+
1. Refresh your device's browser. You should now see the web app rendered correctly.
4444

45-
You should now see the web app rendered correctly.
46-
47-
This is an example of how some problems just aren't found until you test on the devices an app is meant to be used. With VS Connected Environment you can rapidly iterate on your code and validate any changes.
45+
This is an example of how some problems just aren't found until you test on the devices an app is meant to be used. With VS Connected Environment you can rapidly iterate on your code and validate any changes on target devices.
4846

4947
## Update a code file
5048
Updating server-side code files requires a little more work, because a Node.js app needs to restart.

0 commit comments

Comments
 (0)