Iframe src doesn't work at a specific webpage

AnkiMobile (iPhone/iPad) Help
1

I added following to Card Template and this works very well to load URL at a reverse card.

But it can’t load OxfordLearnersDictionaries web

What’s wrong with this? Any solution?

2

What did you add?

3

Just simple iframe src=“{{URL}}” /iframe with some size settings.

it works for many webpages but it doesn’t work for some like OLD web.

4

Could you send that exact string in block quotes like so?
```
The code goes here
```

1 Like
5 
<iframe src="{{URL}}" style=" border:0.5px solid black; padding: 0px; width: 415px; height: 1920px;"></iframe>

{{URL}} is an additional field of the note type

6

Any web page might refuse to load within an iframe if the main site server implemented the X-Frame Options HTTP header to DENY or SAMEORIGIN which directly restricts src embedding.

Similarly, some Content Security Policy (CSP) directives further reinforces this, blocking content interactions between different domains, protocols, or ports.

This kind of security measures are intended to prevent clickjacking attacks where malicious sites overlay hidden iframes to trick users. Sadly, there is nothing we can do to get around that.

EDIT: follow the next link for further references about oxfordlearnersdictionaries.com security headers.

4 Likes
7

Just to confirm: www.oxfordlearnersdictionaries.com is responding with: X-Frame-Options: SAMEORIGIN

2 Likes
8

Then, Is a way to webclip (like Notability, etc.) to Back field of an Anki card on iphone?

9

Then, Is a way to webclip (like Notability, etc.) to Back field of an Anki card on iphone?

Other than taking screenshots or literally ripping entire webpages, I don’t think there are many practical alternatives.

Another option is to look for another site that doesn’t enforce strict Content Security Policies (CSP) although this will become an increasingly rare practice in the near future.

At the end, it will always be going to be best for you to make and maintain your own offline content.