Hi,
I need to deactivate all links so that they cannot be clicked.
This code is not working. The links are still clickable. Can I request a fix?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/replaywebpage@2.3.14/ui.js"></script>
<replay-web-page source="apple.wacz" url="https://www.apple.com/" embed="replayonly"></replay-web-page>
<style>a{pointer-events: none!important; cursor: default!important;}</style>
I had a go on https://www.apple.com/ – adding that css to the browser through dev tools, and it worked as expected, all links un-clickable.
In your replayed page, are all links still clickable, or only some of them?
Maybe try with the style tag reordered so it’s above the replay-web-page component? eg.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/replaywebpage@2.3.14/ui.js"></script>
<style>a{pointer-events: none!important; cursor: default!important;}</style>
<replay-web-page source="apple.wacz" url="https://www.apple.com/" embed="replayonly"></replay-web-page>
Hm, that will not work because the replay is in an iframe inside of a webcomponent and isolated from the rest of the page - (if it did, the ReplayWeb.page UI itself would also be disabled).
We don’t have a way of injecting custom css into the replayed page, but in theory, that should be possible. It has been requested before, but not frequently. @John1 if you don’t mind, can you open a feature request issue on our GitHub at: GitHub - webrecorder/replayweb.page: Serverless replay of web archives directly in the browser explaining what you’re trying to do.
Is the issue that those other links are not captured, and you want to avoid taking users to the ‘archive not found’ pages?