I'm converting a Chrome Extension to a Safari Web Extension, I found it's not easy to get favicon of current tab/url natively.
The tab object in Safari doesn't have favIconUrl.
{
	"id": 121,
	"index": 6,
	"active": true,
	"width": 1324,
	"audible": false,
	"url": "https://github.com/",
	"mutedInfo": {
		"muted": false
	},
	"windowId": 2,
	"title": "GitHub",
	"incognito": false,
	"pinned": false,
	"height": 935,
	"highlighted": true,
	"status": "complete"
}
		
2. I didn't find Safari has similar thing like chrome://favicon
3. I found Safari's favicon caches in ~/Library/Safari/Favicon Cache/favicons but have no idea how to use them in Safari Web Extension.
Post
Replies
Boosts
Views
Activity
Info: Device: MacBook Pro (16-inch, 2019)
macOS Version: 11.1 (20C69)
Safari Version: 14.0.2 (16610.3.7.1.9)
Xcode Version: 12.3 (12C33)
Brief:
Mouseover event doesn't work as expected when the extension is in the left side of Safari toolbar, but works well in the left side.
You can watch the video for the bug presentation:
vimeo.com/502518634
Steps to repeat:
Download Chrome Read Later - https://github.com/willbchang/chrome-read-later
Run xcrun safari-web-extension-converter chrome-read-later
Open Safari -> Develop -> Allow Unassigned Extensions
Open chrome-read-later in Xcode and press command + R
Open Safari, press Command + , check Read Later
Click Read Later icon to allow it on every website
Save some tabs with different urls to Read Later by pressing Alt + Shift + S, or right click the webpage and select Read Later
Click the the Read Later icon to open the reading list
Mouse move through the reading list, you will see the bug
10. Right Click Customize Toolbar in the header of Safari, move the Read Later icon to the right Repeat step 8-9, you'll find the bug is gone