at the end, only thing i figure out I can do is place an item (image/svg/etc) to the webpage via JS, something like:
onLoadingChanged: (status) => {
if (!loading) {
const jsCode = `const img = document.createElement('img');
img.src = 'https_//www.google.com/image.jpg'; // note, some pages have security that wont allow images which is not from their domain... to me best oslution is not to create img here but svg which jas no link to the image, but its draw via JS
img.alt = 'Example Image';
img.style.position = 'fixed'; // absolute / relative, etc
img.style.width = '20px';
img.style.height = '20px';
img.style.top = '20px';
img.style.left = '20px';
img.style.zIndex = '999999'; // to make sure its always topmost
document.body.appendChild(img);
img.addEventListener('click', function() {
window.location.href = 'https://www.google.com';
});`;
webview.runJavaScript(jsCode);
}
}
