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/109630844620970757",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2023-01-04T12:05:32Z",
"url": "https://mastodon.social/@anatudor/109630844620970757",
"attributedTo": "https://mastodon.social/users/anatudor",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/anatudor/followers"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/anatudor/statuses/109630844620970757",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2023-01-04:objectId=372082154:objectType=Conversation",
"content": "<p>Testing a theme switch between auto/ light/ dark? You can emulate preferences for auto from DevTools:</p><p>✨ "toggle common rendering emulations" dropdown in Chrome</p><p>✨ "toggle light/ dark color scheme simulation for the page" buttons in Firefox</p><p>✨ "force dark appearance" toggle in Safari</p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/tinyCodingTip\" class=\"mention hashtag\" rel=\"tag\">#<span>tinyCodingTip</span></a> <a href=\"https://mastodon.social/tags/devtools\" class=\"mention hashtag\" rel=\"tag\">#<span>devtools</span></a> <a href=\"https://mastodon.social/tags/webdev\" class=\"mention hashtag\" rel=\"tag\">#<span>webdev</span></a></p>",
"contentMap": {
"en": "<p>Testing a theme switch between auto/ light/ dark? You can emulate preferences for auto from DevTools:</p><p>✨ "toggle common rendering emulations" dropdown in Chrome</p><p>✨ "toggle light/ dark color scheme simulation for the page" buttons in Firefox</p><p>✨ "force dark appearance" toggle in Safari</p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/tinyCodingTip\" class=\"mention hashtag\" rel=\"tag\">#<span>tinyCodingTip</span></a> <a href=\"https://mastodon.social/tags/devtools\" class=\"mention hashtag\" rel=\"tag\">#<span>devtools</span></a> <a href=\"https://mastodon.social/tags/webdev\" class=\"mention hashtag\" rel=\"tag\">#<span>webdev</span></a></p>"
},
"updated": "2023-01-04T12:06:10Z",
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/109/630/838/318/097/654/original/e140c9b7da7ff374.png",
"name": "Screenshot of Chrome's \"toggle common rendering emulations\" button and the dropdown that shows up on clicking it, revealing the following options:\n\n1) prefers-color-scheme: light (this is the option currently being hovered)\n2) prefers-color-scheme: dark\n3) Automatic dark mode",
"blurhash": "U47-c-009F?bRjtR%MWBIUxut7ofWBaxRjWA",
"focalPoint": [
0,
0
],
"width": 343,
"height": 152
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/109/630/838/861/843/674/original/32fc5c2622071d8f.png",
"name": "Screenshot of the \"toggle light/dark color scheme simulation for the page\" buttons in Firefox DevTools, the dark option one being currently selected and hovered.",
"blurhash": "U37K#hI8M|p1.AMvj]tTR-WAj[kC$xo$V@V=",
"focalPoint": [
0,
0
],
"width": 369,
"height": 109
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/109/630/839/529/696/317/original/0ff13bcc1c9ac922.png",
"name": "Screenshot of Safari's \"force dark appearance\" toggle.",
"blurhash": "UzJuM~xuxuxu_4WBazWB~VaxfRf6i[ofofof",
"focalPoint": [
0,
0
],
"width": 194,
"height": 83
}
],
"tag": [
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/tinyCodingTip",
"name": "#tinyCodingTip"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/devtools",
"name": "#devtools"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/109630844620970757/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/109630844620970757/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/109630844620970757/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/109630844620970757/likes",
"type": "Collection",
"totalItems": 12
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/109630844620970757/shares",
"type": "Collection",
"totalItems": 7
}
}