How do I run the "Check connection" demo?

Install and launch Web Print Expert, open this page, and click Run. The "Check connection" demo calls web-print-pdf utils and returns JSON without printing.

Do I need a local Vue or React project for this demo?

No. This page bundles web-print-pdf and editable sample code—you can run it directly in the browser.

Is the data in the "Check connection" demo real?

No. All layouts, amounts, and names are fictional demo data for API illustration only.

Live demos

.demo-compat-banner--noscript { display: block !important; }

03 - Check connection

Call utils.getConnectStatus() to verify the local WebSocket service.

Check connection: Call utils.getConnectStatus() to verify the local WebSocket service. Run in the browser with Web Print Expert (fictional demo data).

Sample code

const status = await webPrintPdf.utils.getConnectStatus();
console.log(status);
// 成功时 success 为 true，打印机列表等在 data 字段

Back to all demos

Browse the sample list on the left and preview layouts plus sample code on the right. Run a demo to print silently or preview PDF via web-print-pdf and the local client. Install and launch the client first.

Client

If results look wrong, install the latest Web Print Expert client from our site first (older builds may cause layout drift).

Layout

Preview and print follow standard HTML/CSS only—no hidden tricks. What you style is what you get.

03 - Check connection

Call utils.getConnectStatus() to verify the local WebSocket service.

Sample code

const status = await webPrintPdf.utils.getConnectStatus();
console.log(status);
// 成功时 success 为 true，打印机列表等在 data 字段

Result

Demos load bundled web-print-pdf first (same API as npm); CDN is used as fallback.
The client’s built-in Run examples page has more editable demos; this page complements it.
Utility demos (connection, printer list) return JSON only—no print job.

Download client free View npm package

03 - Check connection

Layout preview

Sample code

Result