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"
}
}
],
"id": "https://mastodon.social/users/csstricks/statuses/109722262196579851",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2023-01-20T15:34:14Z",
"url": "https://mastodon.social/@csstricks/109722262196579851",
"attributedTo": "https://mastodon.social/users/csstricks",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/csstricks/followers"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/csstricks/statuses/109722262196579851",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2023-01-20:objectId=382466850:objectType=Conversation",
"content": "<p>More Real-World Uses for :has() <a href=\"https://css-tricks.com/more-real-world-uses-for-has/"More\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/more-real-world</span><span class=\"invisible\">-uses-for-has/"More</span></a> Real-World Uses for :has()"</p><p>The :has() pseudo-class is, hands-down, my favorite new CSS feature. I know it is for many of you as well, at least those of you who took the State of CSS survey. The ability to write selectors upside down gives us more superpowers I’d never thought possible. I say “more superpowers” because there have already […]</p><p>Read more: <a href=\"https://css-tricks.com/more-real-world-uses-for-has/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/more-real-world</span><span class=\"invisible\">-uses-for-has/</span></a></p><p>#:has</p>",
"contentMap": {
"en": "<p>More Real-World Uses for :has() <a href=\"https://css-tricks.com/more-real-world-uses-for-has/"More\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/more-real-world</span><span class=\"invisible\">-uses-for-has/"More</span></a> Real-World Uses for :has()"</p><p>The :has() pseudo-class is, hands-down, my favorite new CSS feature. I know it is for many of you as well, at least those of you who took the State of CSS survey. The ability to write selectors upside down gives us more superpowers I’d never thought possible. I say “more superpowers” because there have already […]</p><p>Read more: <a href=\"https://css-tricks.com/more-real-world-uses-for-has/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/more-real-world</span><span class=\"invisible\">-uses-for-has/</span></a></p><p>#:has</p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/109/722/261/977/076/068/original/910db04aaf39b9b1.png",
"name": null,
"blurhash": "U25#kPo}4q+[~Sr=IXaf8ywb-:K60iN{$~oc",
"width": 1024,
"height": 512
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/109/722/262/120/283/667/original/bf7fc665d7a64e5c.png",
"name": null,
"blurhash": "UCRo?M0jKRt70h9$I]WCNHbIWDayZ}xB%1t7",
"width": 1024,
"height": 861
}
],
"tag": [],
"replies": {
"id": "https://mastodon.social/users/csstricks/statuses/109722262196579851/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/csstricks/statuses/109722262196579851/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/csstricks/statuses/109722262196579851/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/csstricks/statuses/109722262196579851/likes",
"type": "Collection",
"totalItems": 1
},
"shares": {
"id": "https://mastodon.social/users/csstricks/statuses/109722262196579851/shares",
"type": "Collection",
"totalItems": 1
}
}