LIFF Inspector Example App

LIFF Inspector repository Example app repository

Start the inspector server

$ npx @line/liff-inspector

Run ngrok to serve https

$ ngrok http 9222
$ node -e "const res=$(curl -s -sS http://127.0.0.1:4040/api/tunnels); const url=new URL(res.tunnels[0].public_url); console.log('wss://'+url.host);"
wss://xxxx-xxx-xxx.ngrok   # Copy this url

LIFF Inspector Plugin is installed but is not enabled yet.
liff.init will do it 👇.

Elements Tab

p tag

Nested divs

flexbox

Console Tab

Network Tab

// Network tab shows the network logs
const response = await fetch("https://api.github.com/repos/line/liff-playground/commits");
const commits = await response.json();
// Console tab display commit logs
console.log(commits);

await liff.sendMessages([{ type: "text", text: "Hello, World!" }]);
console.log("liff.sendMessages was success");

This site's QR code