A small tool to view real-world ActivityPub objects as JSON! Enter a URL
or username from Mastodon or a similar service below, and we'll send a
request with
the right
Accept
header
to the server to view the underlying object.
{
"@context": [
"https://www.w3.org/ns/activitystreams",
{
"ostatus": "http://ostatus.org#",
"atomUri": "ostatus:atomUri",
"inReplyToAtomUri": "ostatus:inReplyToAtomUri",
"conversation": "ostatus:conversation",
"sensitive": "as:sensitive",
"toot": "http://joinmastodon.org/ns#",
"votersCount": "toot:votersCount",
"blurhash": "toot:blurhash",
"focalPoint": {
"@container": "@list",
"@id": "toot:focalPoint"
},
"Hashtag": "as:Hashtag"
}
],
"id": "https://mastodon.social/users/anatudor/statuses/111918026709779700",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-02-12T10:26:01Z",
"url": "https://mastodon.social/@anatudor/111918026709779700",
"attributedTo": "https://mastodon.social/users/anatudor",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/anatudor/followers",
"https://front-end.social/users/bramus"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/anatudor/statuses/111918026709779700",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2024-02-12:objectId=641125778:objectType=Conversation",
"content": "<p>Run, it's the invasion of the closing parenthesis!</p><p>A weird <a href=\"https://mastodon.social/tags/ChromeDevTools\" class=\"mention hashtag\" rel=\"tag\">#<span>ChromeDevTools</span></a> bug 🤪 <a href=\"https://issues.chromium.org/u/1/issues/324827382\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">issues.chromium.org/u/1/issues</span><span class=\"invisible\">/324827382</span></a></p><p>Live test <a href=\"https://codepen.io/thebabydino/pen/bGZmXbw\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/bGZ</span><span class=\"invisible\">mXbw</span></a></p><p>That CSS works just fine, producing the expected result cross-browser, the only issue is with what Chrome DevTools shows in those tooltips on hover. All fine in DevTools in Firefox & Safari (tested via Epiphany on Ubuntu).</p><p>cc <span class=\"h-card\" translate=\"no\"><a href=\"https://front-end.social/@bramus\" class=\"u-url mention\">@<span>bramus</span></a></span> </p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/bug\" class=\"mention hashtag\" rel=\"tag\">#<span>bug</span></a> <a href=\"https://mastodon.social/tags/devTools\" class=\"mention hashtag\" rel=\"tag\">#<span>devTools</span></a> <a href=\"https://mastodon.social/tags/devToolsBug\" class=\"mention hashtag\" rel=\"tag\">#<span>devToolsBug</span></a> <a href=\"https://mastodon.social/tags/cssVariables\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariables</span></a> <a href=\"https://mastodon.social/tags/cssVariablesBug\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariablesBug</span></a> <a href=\"https://mastodon.social/tags/cssBug\" class=\"mention hashtag\" rel=\"tag\">#<span>cssBug</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a></p>",
"contentMap": {
"en": "<p>Run, it's the invasion of the closing parenthesis!</p><p>A weird <a href=\"https://mastodon.social/tags/ChromeDevTools\" class=\"mention hashtag\" rel=\"tag\">#<span>ChromeDevTools</span></a> bug 🤪 <a href=\"https://issues.chromium.org/u/1/issues/324827382\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">issues.chromium.org/u/1/issues</span><span class=\"invisible\">/324827382</span></a></p><p>Live test <a href=\"https://codepen.io/thebabydino/pen/bGZmXbw\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/bGZ</span><span class=\"invisible\">mXbw</span></a></p><p>That CSS works just fine, producing the expected result cross-browser, the only issue is with what Chrome DevTools shows in those tooltips on hover. All fine in DevTools in Firefox & Safari (tested via Epiphany on Ubuntu).</p><p>cc <span class=\"h-card\" translate=\"no\"><a href=\"https://front-end.social/@bramus\" class=\"u-url mention\">@<span>bramus</span></a></span> </p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/bug\" class=\"mention hashtag\" rel=\"tag\">#<span>bug</span></a> <a href=\"https://mastodon.social/tags/devTools\" class=\"mention hashtag\" rel=\"tag\">#<span>devTools</span></a> <a href=\"https://mastodon.social/tags/devToolsBug\" class=\"mention hashtag\" rel=\"tag\">#<span>devToolsBug</span></a> <a href=\"https://mastodon.social/tags/cssVariables\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariables</span></a> <a href=\"https://mastodon.social/tags/cssVariablesBug\" class=\"mention hashtag\" rel=\"tag\">#<span>cssVariablesBug</span></a> <a href=\"https://mastodon.social/tags/cssBug\" class=\"mention hashtag\" rel=\"tag\">#<span>cssBug</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://files.mastodon.social/media_attachments/files/111/918/011/389/043/266/original/9264cf81f110fa20.mp4",
"name": "Animated GIF. Shows how hovering custom properties that are the result of computations in Chrome DevTools displays a tooltip with way too many closing parenthesis.",
"blurhash": "UU8#TxM{H;t8j[ayj[fQa#jsj@azazjsfkjt",
"focalPoint": [
0,
0
],
"width": 800,
"height": 268
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/111/918/011/986/861/121/original/7244414b2fc278d8.png",
"name": "Screenshot of Safari DevTools (tested via Epiphany), which shows the correct calc() formula (with every base var() replaced with its numeric value, which is still correct) in the tooltip when hovering a custom property.",
"blurhash": "U27w]DxanixvItRQxaM|Mao~tSxv9DNbg4M{",
"focalPoint": [
0,
0
],
"width": 552,
"height": 114
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/111/918/011/994/409/040/original/b2e44be77dfbd92c.png",
"name": "Screenshot of Firefox DevTools, which shows the correct calc() formula in the tooltip when hovering a custom property.",
"blurhash": "U58W]k~q.R?uk;M{nSM{9sxb%3xbVGtQo|xu",
"focalPoint": [
0,
0
],
"width": 721,
"height": 220
}
],
"tag": [
{
"type": "Mention",
"href": "https://front-end.social/users/bramus",
"name": "@bramus@front-end.social"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/chromedevtools",
"name": "#chromedevtools"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/bug",
"name": "#bug"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/devtools",
"name": "#devtools"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/devtoolsbug",
"name": "#devtoolsbug"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssvariables",
"name": "#cssvariables"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssvariablesbug",
"name": "#cssvariablesbug"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssbug",
"name": "#cssbug"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/code",
"name": "#code"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/coding",
"name": "#coding"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/frontend",
"name": "#frontend"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelopment",
"name": "#webdevelopment"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/111918026709779700/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/111918026709779700/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/111918026709779700/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/111918026709779700/likes",
"type": "Collection",
"totalItems": 2
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/111918026709779700/shares",
"type": "Collection",
"totalItems": 0
}
}