I have an html page which gets embedded in another website.. I have added meta tag in this html page which allows APIs to receive device model in API requests
<meta http-equiv="delegate-ch" content="Sec-CH-UA-Mobile;Sec-CH-UA-Platform;Sec-CH-UA-Bitness;Sec-CH-UA-Model https://cat-fact.herokuapp.com;" />
When the page is accessed directly, it works as expected.. you can see the headers passed in all requests
But when I embed the same page inside another webpage, the headers are not sent anymore.
I have tried to add the same meta tag in the parent frame which has not worked. I have also tried to add allow tag to the iframe, which has not worked either
<iframe src="./iframe/index.html" allow="ch-dpr;ch-ua-arch;"></iframe>