Preparing for the end of third-party cookies | Privacy Sandbox | Google for Developers
Preparing for the end of third-party cookies Stay organized with collections Save and categorize content based on your preferences. If your site uses third-party cookies, it's time to take action as we approach their deprecation. To facilitate testing, Chrome has restricted third-party cookies for 1% of users from January 4th, 2024. Chrome plans to ramp up third-party cookie restrictions to 100% o
はてなスターのひみつ - Hatena Developer Blog
ハッピーホリデー！id:cockscombです。この記事ははてなエンジニアAdvent Calendarの8日目のエントリです。 今年1月、はてなスターのリニューアルを行いました。リニューアルの内容は告知をご参照ください。 はてなスターのリニューアルでは、クロスオリジンの問題を解決するために特別な実装をしています。今回は、ホリデーシーズンをお祝いして、そのひみつを詳 (つまび)らかにします。 はてなスターとクロスオリジン はてなスターは、はてなブログなどに埋め込んで利用されます。はてなブログは hatenablog.com や hatenadiary.jp などのサブドメインを利用しており、さらにはてなブログProでは独自のドメインを設定できます。 はてなスターは複数の異なるドメイン名のサイトから利用される、ということです。 要するにはてなスターはクロスオリジンで利用されます。一方ではてな
Include diagrams in your Markdown files with Mermaid
EngineeringOpen SourceInclude diagrams in your Markdown files with MermaidA picture tells a thousand words. Now you can quickly create and edit diagrams in markdown using words with Mermaid support in your Markdown files. A picture tells a thousand words, but up until now the only way to include pictures and diagrams in your Markdown files on GitHub has been to embed an image. We added support for
Best practices for using third-party embeds | Articles | web.dev
Best practices for using third-party embeds Stay organized with collections Save and categorize content based on your preferences. Many sites use third-party embeds to create an engaging user experience by delegating some sections of a web page to another content provider. The most common examples of third-party content embeds are video players, social-media feeds, maps, and advertisements. Third-
Chrome92からalertやconfirmが動かなくなりました ★🌴 🌴 officeの杜 🥥
以前、Chrome83の際には、アップデート後に、Google Apps Scriptでのボタンクリック時にPDFがダウンロードといった事ができなくなり、非常に困った事態になりました。その後、XFrameOptionsModeでの挙動で、Google Apps Scriptの場合にはtarget属性にblankを指定して、対処することが出来ました。 さて、今回、Chrome92では地味ながら、かなり大きな変更があり、Google Apps Scriptでalertやconfirmが利用できなくなりました。Salesforceなどの外部のサービスでも影響が出ているようです。 ※2021/08/03 - 今朝再度、確認したらGoogle Apps Scriptでのalert,confirmの挙動ができるようになっていました。修正されたのか？しかし、今後何があるかわからないので、alert,co
Clearing cache in the browser
Andrew Betts (@triblondon) is a web developer and principal developer advocate for Fastly, working with developers across the world to help make the web faster, more secure, more reliable and easier to work with. He founded a web consultancy which was ultimately acquired by the Financial Times, led the team that created the FT's pioneering HTML5 web app, and founded the FT's Labs division. He is a
Feature Policy による Permission Delegation | blog.jxck.io
Intro ブラウザの機能を制限する Feature Policy の実装が進みつつある。 Feature Policy は、ブラウザが持つ機能について選択的に許可/制限を行う API だ。 AMP のように特定の機能を制限する目的にも使えるが、クロスオリジン iframe に対する権限移譲のための API としても使用される。 Feature Policy のモチベーションおよび適用方法について、類似する CSP や iframe sandbox と合わせて解説する。 なお、今回解説する内容は、まだブラウザの実装に反映されていない部分があるため、注意されたい。 Motivation まず Feature Policy のモチベーションとして、 機能の制限 と 権限の移譲 という二つのニーズを解説する。 機能の制限 パフォーマンスやセキュリティの観点から、実装はあるが、使用する上で制限を設
印刷用レイアウト対応と、scriptタグ実行環境を変更しました - Kibela Blog
こんにちは。10月のアップデートのお知らせです 👋 記事の印刷用レイアウトに対応しました BlogやWikiを印刷する際に、ヘッダー等を廃した専用レイアウトで印刷できるようになりました。 ブラウザの印刷機能を使うと自動的に適用されます。紙での情報共有が必要な場合にご活用ください 😃 印刷用レイアウトの例 記事内のscriptタグをサンドボックス環境での実行に変更しました Kibelaでは会社などクローズドなチームで使うことを前提とし、記事内でのscriptタグの埋め込みが可能です。 この度scriptタグが実行できる利便性と、よりセキュアな環境でご利用いただくことの両立を目的とし、scriptタグをサンドボックス環境 ( sandbox-kibela.com ) での実行に変更しました。 スクリプトはiframe内の独立したページで実行されるようになりました サンドボックスのifram
iframe sandbox は万能ではない - 葉っぱ日記
HTML5で導入されたiframe要素のsandbox属性は、そのiframe内のコンテンツに対しJavaScriptの実行を始め様々な制約を課すことでセキュリティの向上に役立つ機能である。例えば、以下のように指定されたiframeでは、iframe内からformのsubmitなどはできるが、iframe内でのJavaScriptの実行やtarget=_blankなどによってウィンドウを開くことなどは禁止される。 <iframe sandbox="allow-forms" src="..."></iframe> sandbox属性に明示的に allow-scripts という値を指定しない限りはiframe内では直接的にはJavaScriptは実行できないが、かといってiframe内から間接的にJavaScriptを必ずしも実行させることが不可能かというとそうでもない。 sandbox属性
Getting the URL of an iframe's parent - Human Who Codes
Posted at April 16, 2013 by Nicholas C. Zakas Tags: iframe, JavaScript, referrer Dealing with iframes is always a double-edged sword. On the one hand, you get sandboxing of content within another page, ensuring that JavaScript and CSS from one page won’t affect another. If the iframe is displayed a page from a different origin then you can also be assured that the page can’t do anything nefarious
Seamless iframes: The future, today!
The future, today! Best viewed in Chrome version 22 or better (i.e. Chrome Canary) Who invited this guy Ben Vinegar Totally legit lastname Front-end Engineer at Disqus Co-author, Third-party JavaScript @bentlegen DISQUS Distributed commenting platform Third-party JavaScript application Bloomberg, IGN, Time.com, MLB ... more 500 quadrillion pageviews per day Re-written for 2012 Backbone.js + Ender
How to adjust an iframe element’s height to fit its content | 456 Berea Street
In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options. Sometimes the only way of incorporating data from a third party is by loading it in an iframe element. A few examples are fina
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - bluwy/whyframe: Develop components in isolation with just an iframe
GitHub - egoist/typed-worker: Type-safe and Promisified API for Web Worker and Iframe
iframe sandboxでユーザー入力スクリプトを実行する
GitHub - tildeio/oasis.js: A lightweight library for embedding untrusted content and exposing capabilities. I guess it does two things? But it does them well.
GitHub - WICG/portals: A proposal for enabling seamless navigations between sites or pages
GitHub - GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.
Fix iframe bug as a side-effect of security policy changes in FF 49 by jbyers · Pull Request #46 · cmlenz/jquery-iframe-transport
ES6 Realms API