Best Practices/ Recipe's


The button product works perfectly well with the chrome browser, but on the firefox browser the button needs an additional x-frame option to be entered to make the function better.

The X-Frame-Options HTTP response header can be used to indicate whether or not a browser should be allowed to render a page in a <frame>, <iframe>, <embed> or <object>. Sites can use this to avoid click-jacking attacks, by ensuring that their content is not embedded into other sites.

The added security is provided only if the user accessing the document is using a browser that supports X-Frame-Options. ALLOW-FROM uri The legacy Firefox implementation still suffered from a problem, it doesn't check the frame ancestors to see if they are in the same origin. The Content-Security-Policy HTTP header has a frame-ancestors directive which you can use instead. We can add the following to the specification depending on the web engine :- X-Frame-Options : 'ALLOW-FROM' For Nginx It is either add_header X-Frame-Options 'ALLOW-FROM'; or proxy_set_header X-Frame-Options 'ALLOW-FROM'; For Apache Header always set X-Frame-Options "ALLOW-FROM"