[Browser Rendering] Small updates

Author: pedrosousa

src/content/docs/browser-rendering/faq.mdx

@@ -47,6 +47,6 @@ const innerHtml = await page.evaluate(() => {
 
 Keep in mind that `page.evaluate` can only return primitive types like strings, numbers, etc.
 
-Returning an `HTMLElement` won't work.
+Returning an `HTMLElement` will not work.
 
 :::

src/content/docs/browser-rendering/how-to/pdf-generation.mdx

@@ -25,7 +25,7 @@ npm install @cloudflare/puppeteer --save-dev
 
 3. Add your Browser Rendering binding to your new `wrangler.toml` configuration:
 
-```yaml
+```toml
 browser = { binding = "BROWSER" }
 ```
 
@@ -66,15 +66,12 @@ export default {
 Rather than using Browser Rendering to navigate to a user-provided URL, manually generate a webpage, then provide that webpage to the Browser Rendering instance. This allows you to render any design you want.
 
 :::note
-It's worth noting that you can generate your HTML or CSS using any method
-you'd like. For now we're using string interpolation, but this method is
-	fully-compatible with web frameworks capable of rendering HTML on Workers such
-	as React, Remix, and Vue.
+You can generate your HTML or CSS using any method you like. This example uses string interpolation, but this method is fully-compatible with web frameworks capable of rendering HTML on Workers such as React, Remix, and Vue.
 :::
 
 For this example, we're going to take in user-provided content (via a '?name=' parameter), and have that name output in the final PDF document.
 
-To start, let's fill out your 'generateDocument' function with the following:
+To start, fill out your `generateDocument` function with the following:
 
 ```ts
 const generateDocument = (name: string) => {
@@ -128,11 +125,7 @@ const generateDocument = (name: string) => {
 This example HTML document should render a beige background imitating a certificate showing that the user-provided name has successfully rendered a PDF using Cloudflare Workers.
 
 :::note
-It's usually best to avoid directly interpolating user-provided content into
-	an image or PDF renderer in production applications. To render contents like
-	an invoice, it wold be best to validate the data input, and fetch data
-	yourself using tools like [D1](/d1/) or
-	[Workers KV](/kv/).
+It is usually best to avoid directly interpolating user-provided content into an image or PDF renderer in production applications. To render contents like an invoice, it wold be best to validate the data input, and fetch data yourself using tools like [D1](/d1/) or [Workers KV](/kv/).
 :::
 
 ## 2. Load HTML and CSS Into Browser

src/content/docs/browser-rendering/platform/puppeteer.mdx

@@ -15,7 +15,7 @@ The Workers team forked a version of Puppeteer and patched it to connect to the
 
 Our version is open sourced and can be found in [Cloudflare's fork of Puppeteer](https://github.com/cloudflare/puppeteer). The npm can be installed from [npmjs](https://www.npmjs.com/) as [@cloudflare/puppeteer](https://www.npmjs.com/package/@cloudflare/puppeteer):
 
-```javascript
+```bash
 npm install @cloudflare/puppeteer --save-dev
 ```
 
@@ -83,18 +83,18 @@ In order to facilitate browser session management, we've added new methods to `p
 
 `puppeteer.sessions()` lists the current running sessions. It will return an output similar to this:
 
-```
+```json
 [
-   {
-      "connectionId": "2a2246fa-e234-4dc1-8433-87e6cee80145",
-      "connectionStartTime": 1711621704607,
-      "sessionId": "478f4d7d-e943-40f6-a414-837d3736a1dc",
-      "startTime": 1711621703708
-   },
-   {
-      "sessionId": "565e05fb-4d2a-402b-869b-5b65b1381db7",
-      "startTime": 1711621703808
-   }
+	{
+		"connectionId": "2a2246fa-e234-4dc1-8433-87e6cee80145",
+		"connectionStartTime": 1711621704607,
+		"sessionId": "478f4d7d-e943-40f6-a414-837d3736a1dc",
+		"startTime": 1711621703708
+	},
+	{
+		"sessionId": "565e05fb-4d2a-402b-869b-5b65b1381db7",
+		"startTime": 1711621703808
+	}
 ]
 ```
 
@@ -104,22 +104,22 @@ Notice that the session `478f4d7d-e943-40f6-a414-837d3736a1dc` has an active wor
 
 `puppeteer.history()` lists recent sessions, both open and closed. It's useful to get a sense of your current usage.
 
-```
+```json
 [
-   {
-      "closeReason": 2,
-      "closeReasonText": "BrowserIdle",
-      "endTime": 1711621769485,
-      "sessionId": "478f4d7d-e943-40f6-a414-837d3736a1dc",
-      "startTime": 1711621703708
-   },
-   {
-      "closeReason": 1,
-      "closeReasonText": "NormalClosure",
-      "endTime": 1711123501771,
-      "sessionId": "2be00a21-9fb6-4bb2-9861-8cd48e40e771",
-      "startTime": 1711123430918
-   }
+	{
+		"closeReason": 2,
+		"closeReasonText": "BrowserIdle",
+		"endTime": 1711621769485,
+		"sessionId": "478f4d7d-e943-40f6-a414-837d3736a1dc",
+		"startTime": 1711621703708
+	},
+	{
+		"closeReason": 1,
+		"closeReasonText": "NormalClosure",
+		"endTime": 1711123501771,
+		"sessionId": "2be00a21-9fb6-4bb2-9861-8cd48e40e771",
+		"startTime": 1711123430918
+	}
 ]
 ```
 
@@ -131,12 +131,15 @@ You should also be able to access this information in the dashboard, albeit with
 
 `puppeteer.limits()` lists your active limits:
 
-```
+```json
 {
-   "activeSessions": ["478f4d7d-e943-40f6-a414-837d3736a1dc", "565e05fb-4d2a-402b-869b-5b65b1381db7"],
-   "allowedBrowserAcquisitions": 1,
-   "maxConcurrentSessions": 2,
-   "timeUntilNextAllowedBrowserAcquisition": 0
+	"activeSessions": [
+		"478f4d7d-e943-40f6-a414-837d3736a1dc",
+		"565e05fb-4d2a-402b-869b-5b65b1381db7"
+	],
+	"allowedBrowserAcquisitions": 1,
+	"maxConcurrentSessions": 2,
+	"timeUntilNextAllowedBrowserAcquisition": 0
 }
 ```