I am making a webpage on my website url of the page is as below.
http://www.hitechcaddservices.com/mechanical/design/engineering-design-automation/configure-your-product/
I am making an iFrame to display "https://configurator360.autodesk.com/743594009607818941/l1x6g1bxtfmg" on the webpage, this URL is created by my company to show product configuration to our clients.
I am not getting content on my website page due to X-Frame-Option issue (cross browser iFrame is not allowed). How i can make this iFrame working or is there any alternate way to display above given URL same way on my webpage.
Regards
Manoj Soni
Related
I am trying to upload an image to my React website so that the image can be used as the thumbnail preview when it is posted to social media. All of the images on my website are too high a resolution to be used. I want to have the website host images that suit a thumbnail display so that they can be linked in the meta data, but not have them shown on the page itself.
What would be the best way to go about this? And how would I get the image URL so that it can be linked as the preview image in the meta data in index.html?
I have tried hosting the thumbnail images on external sites and linking in and they are not loading, so it seems to work best when kept on the same website.
For those interested, the website is https://doe.games and I am testing the meta data with https://metatags.io/ The image preview currently works for Facebook and Twitter, but not WhatsApp.
Thanks!
I am getting error when i try to embed Facebook page using Facebook Page Plugin
https://developers.facebook.com/docs/plugins/page-plugin/
Code
DO i need to select App ID or its optional, as it doesnt work for me i have created different App ID but it doesnt work with one or the other page which i try to embeb. I have tried same on different browser but Embed code doesnt show on page on FF browser i get following error
Firefox Can’t Open This Page
To protect your security, www.facebook.com will not allow Firefox to display the page if another site has embedded it. To see this page, you need to open it in a new window.
and on Chrome page show as below
This is how it looks on web page
I'm trying to get a web link to display a website but I keep getting a "workplace.facebook.com refused to connect." in my display.
I tried doing an iframe and also the embed code and both display the same thing.
<!DOCTYPE html>
<html>
<body>
<embed src="https://workplace.facebook.com" style="width:500px; height:
300px;">
</body>
</html>
The output should be the main website of workplace Facebook which will be displayed on TVs around my work. The reason why I need this to work like this is so I can refresh the page after 20 minutes and have it so it automatically scrolls down slowly. These expectations are not the problem just the web link not displaying.
Some websites do not allow external hosts to display their websites inside an iFrame, they block these requests using an X-frame Options message of SAMEORIGIN which only allows them to be displayed on sites with the same domain as the website itself.
Facebook, for example, won't allow Iframes from anywhere but facebook.com
If you use the inspect element on most modern browsers you should be able to see an error message similar to this:
Refused to display 'https://www.work.facebook.com/' in a frame because
it set 'X-Frame-Options' to 'sameorigin'.
It means that the HTTP server at workplace.facebook.com send some HTTP headers to tell web browsers like Chrome to allow iframe loading of that page (https://workplace.facebook.com) only from a page hosted on the same domain (workplace.facebook.com).
I am using a free domain provider(freenom.com)
They provide us a url forwarding feature free of cost.
We can set our main website in iframe there.
My main website is : www.maleenes.com/shop/
&
Free domain website is: fashionary.ga
where main website is dispalyed in iframe.
My problem is that when you click on any link in iframe website then
I want it to change the url and navigate to the original website .
just like below reference website:
For example.
The Iframe is on dresswego.ga.
As soon as you click on something the url changes to original website wegodress.com
i want the same for my website fashionary.ga & www.maleenes.com/shop
Can anyone help me please/
Thanks
Web browsers does not allow to change the top most parent URL of page from cross domain Iframe.
I want to use an iFrame to display the content of another web site (not mine) but I don't want to display other sites in that iFrame. For example, if the SRC for the iFrame is www.site.com then if a visitor clicks a link in that site that opens to another website, I want to prevent it and perhaps display a blank page or redirect back to the specified site.
The site hosting the iFrame uses Apache/PHP on a VPS.
I need to be able to restrict the iFrame content to what was originally specified. If this cannot be done using iFrame what else could work?
There is a similar post that does not work this way... only works on the content page and does nothing to prevent the host iFrame from controlling the content domain.