DevTools Debugging Tips And Shortcuts (Chrome, Firefox, Edge) — Smashing Magazine
DevTools is very advanced and helpful, but can also be very intimidating and overwhelming. Let’s fix that. In this article, Vitaly reviews useful features and shortcuts for debugging in Chrome, Firefox, Edge and Safari. Out of all the tools available at our fingertips these days, DevTools is probably one of the most advanced ones. Over the years, it has become a tool for debugging, profiling, audi
「Firefox 85」でスーパークッキー対策--「Flash」廃止も
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Mozillaは米国時間1月26日、「Firefox 85」をStableチャネルにリリースした。このバージョンでは、「Adobe Flash Player」プラグインのサポートが削除されたほか、「スーパークッキー」に対するより総合的な保護が追加されたことでユーザーのプライバシーが向上している。 Flashプラグインの削除は、MozillaがAdobe、Apple、Google、Microsoft、Facebookと足並みをそろえて業界全体でFlashの非推奨化とサポート終了を進める計画の一環として、2017年7月発表された内容の1つだ。 サポート終了日は、AdobeがFlashに対するアップデートの提供を停止することに合意した日の翌日
アップル新OSから見える「広告とプライバシー」の近未来 - Media × Tech
2020年も秋に、アップルが同社製品向けのOSについて、新バージョンを公開する。ここ数年のアップルの新OSは、プライバシー関連の機能強化が目立っていた。そのことは、広告で運営されるWebメディアにとって少なからぬ影響をあたえる可能性がある。 正式公開を前に、新バージョンである「iOS 14」「iPadOS 14」「macOS Big Sur」のパブリックベータ版が公開された。このタイミングで、「今年のアップルの新OSがWebメディアにどういう影響を与えるのか」を考えてみよう。 macOSで可視化される「サイト越えトラッキングの防止」 アップルは、OSの新バージョンに合わせて、同社のWebブラウザである「Safari」のバージョンアップを行う。今年もそれは変わらない。特に目立つのは、macOSの新バージョンである「Big Sur」での機能の変化だ。 特にセキュリティ面で大きな変更となるのが、
ユーザーエージェント(UserAgent)は権力によって悪用されている - Qiita
ユーザーエージェント(UserAgent)とは UserAgentとは主にWebサイトにアクセスするためのプログラムのことをいう。 Webサイトにアクセスする際、HTTPヘッダーに送信するソフトウェアやOS等の情報をUserAgentとして送信する。 Webサーバー側はUserAgentを見て適切なコンテンツ（モバイル向けなど）を返すことが出来るようになる。 UserAgentからOS/ブラウザなどの調べかたのまとめ より引用 下. ユーザーエージェントを取得している様子 (Windows10, Google Chrome) Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36 適切な使い方として、サーバーがユーザー
なぜChromeはURLを殺そうとするのか？ (Chrome Dev Summit 2019) - ぼちぼち日記
今年もChrome開発者の集まりChrome Dev Summit 2019 (CDS) がサンフランシスコで開催されました。 今回、私が Chrome Customer Advisory Board (CAB) に選出していただいたこともあり、CDSに初めて参加しました。 これは、CDS終了後のCAB meetingで頂いたChrome Dinosaurフィギュアです。ちなみにゲームはできません。 タイトルの「なぜChromeはURLを殺そうとするのか？」は、2日目Chrome Leadsのパネルセッションで司会のGooglerが、Chrome UX担当のProduct Managerに対して一番最初に投げかけた問いです。 PMは直ちに「そんなことはしない」と即答しました。しかしChromeは、URLの表示領域からHTTPSの緑色表示の廃止・EV表示場所の移動・wwwサブドメイン表示の削
各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetのまとめ -Chrome, Safari, Firefox, Edge
Webページを実装する際、そのページを表示するブラウザが各HTML要素にデフォルトでどのようなスタイルが適用されているか知っておくのは大切なことです。 Chrome, Safari, Firefox, Edge 各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetを紹介します。 例えば、p要素にはdisplay: block;が定義されており各ブラウザでmarginの数値が異なります。また、h1要素は単独で使用した場合とsection要素などの子要素で使用した場合ではmarginの数値が異なります。 /* * The default style sheet used to render HTML. * * Copyright (C) 2000 Lars Knoll (knoll@kde.org) * Copyright (C) 2003, 2004, 20
Googleの新技術<portal>タグを試してみた - aoma blog
Portalsとは japan.zdnet.com とのことで、iframeタグとよく似たportalタグができるらしい。 portalタグと<iframe>タグの違いは何かと言えば、Googleの新たなPortalsテクノロジーが<iframe>タグの制約を取り去ったものだというところにある。 Portalsを使用することでユーザーは、埋め込んだコンテンツへのナビゲーションが可能になるとGoogleは述べている。<iframe>タグではセキュリティ上の理由からこういったことが許されていない。 さらに、Portalsではアドレスバー上のURLを上書きすることもできるため、<iframe>タグが今日担っているコンテンツの埋め込みという枠を超え、ナビゲーションシステムとしても利用できる。 ふむふむ。 例えばエンジニアらは、ユーザーがニュースサイトを閲覧しており、記事の末尾に達した際に、<por
［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019
［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019 マイクロソフトは米シアトルで開催中のイベント「Microsoft Build 2019」で、次期Microsoft Edgeの企業向け新機能としてInternet Explorer 11と同じ機能をMicrosoft Edge内で提供する「Internet Explorer mode」の搭載を発表しました。 マイクロソフトは昨年12月に、WebブラウザであるMicrosoft Edgeのレンダリングエンジンをそれまで自社開発していたものからオープンソースで開発されているChromiumをベースにしたものへ切り替えると発表していました。 今回の発表は、その次期Microsoft Edgeの新機能の1つとして明らかにされ
Apple、SafariでJavaやSilverlightなど、ほとんどのインターネットプラグインのサポートを終了したと発表。
AppleがSafariでJavaやSilverlightなど、ほとんどのインターネットプラグインのサポートを終了したと発表しています。詳細は以下から。 Appleは現地時間2019年04月19日、Safariのサポートページを更新し、ほとんどのインターネットプラグインのサポートを終了し、インターネットプラグインを必要としないHTML5スタンダードのコンテンツに最適化していると発表しています。 Safari no longer supports most plug-ins. To load webpages more quickly, save energy, and strengthen security, Safari is optimized for content that uses the HTML5 web standard, which doesn’t require a p
What to expect in the new Microsoft Edge Insider Channels
Today we are shipping the first Dev and Canary channel builds of the next version of Microsoft Edge, based on the Chromium open-source project. We’re excited to be sharing this work at such an early stage in our development process. We invite you to try out the preview today on your devices, and we look forward to working together with the Microsoft Edge Insider community to make browsing the best
watchOS5注目の機能、「AppleWatch版のWebブラウザ」ってどんな機能？
先日開催されたAppleの開発者向けイベント「WWDC 2018」で発表された、AppleWatch向けの新OS「watchOS 5」。 トランシーバーやPodcastといった新アプリ。ワークアウト関連や、コントロールセンターに通知センターの使い勝手向上など、予想以上に追加要素の多いアップデートになりそうです。 [post id=”6208″ style=”thumbnail”] [post id=”6235″ style=”thumbnail”] そんな中、個人的にとても気になっているのが、リッチなウェブコンテンツの表示と説明されている機能。 要するに、AppleWatchにウェブブラウザが搭載されるようなんです！！ これまでも、サードパーティアプリとしてウェブサイトを表示できるアプリはいくつかありましたが、AppleWatchアプリの様々な制限の中でかなり試行錯誤されて作られているイメ
AppleもiOS/macOSをProgressive Web Apps（PWA）対応へ。次のSafari 11.1でService Workerなど実装
AppleもiOS/macOSをProgressive Web Apps（PWA）対応へ。次のSafari 11.1でService Workerなど実装 Appleが、iOSとmacOSの次バージョンにバンドルされるSafari 11.1で、Progressive Web Apps（PWA）の重要な構成要素であるService Workerをサポートすることが分かりました。次のiOSとmacOSのバージョンはiOS 11.3/macOS 10.13.4で、現在ベータ版としてAppleが開発中です。 PWAとは、HTML、CSS、JavaScriptなどのWeb技術によって開発されるWebアプリケーションの一種です。Webサーバから配信されて実行されるだけでなく、リソースをローカルに保存しオフラインでの実行にも対応。Service Workerによるバックグラウンド処理やプッシュ通知なども
Chromeで信頼されなくなるSymantec発行のSSL証明書かどうか判定・確認する方法
SSL証明書が「信頼されない」とHTTPSサイト表示時にエラーが生じる 最初に「SSL証明書が信頼されない」とはどういうことか説明しよう。 Chromeに限らずWebブラウザは、HTTPSのWebサイトに接続する際、SSL証明書が正当なものかどうか検証する。もし有効期限や共通名（コモンネーム）、発行元（認証局）などに何かしら異常が見つかった場合、アドレスバー左端のアイコンやブラウザペインにその旨のエラーを表示してエンドユーザーに知らせる。 この状態ではHTTPSによる暗号化は信頼できず、通信中に盗聴や改ざん、なりすましの被害を受ける危険がある。 つまり、近い将来、Symantecの認証局から発行されたSSL証明書を組み込んであるWebサイトに対し、Chromeで閲覧したエンドユーザーにはこうしたエラーが表示されるようになる、ということだ。Webサイト運営・管理側としては何としても避けるべき
Service Workerについて調べてみた - Qiita
はじめに 先日cordovaユーザ会の勉強会で恥ずかしながら初めてService Workerという言葉を知り、興味を持ちました。アドベントカレンダーを書くということで自分も勉強になるという目的て調べた結果と個人的な感想(少々)をまとめてみました。実装について全く書いていません、ご了承ください。 なぜService Workerを使う その前にProgressive Web Apps (PWA)っていうのがあって Googleさんの定義はこうですと1 要するにネイティブアプリ的なユーザ体験を提供できるウェブアプリということですかね。 ホーム画面に追加機能について ウェブページをホーム画面にブックマークする機能です。ChromeではWeb App Manifestを導入、iOS Safari対策でapple-mobile-web-app-capableメタタグを追加などで簡単にネイテブアプリ
Safari 11.1
Safari 11.1Safari 11.1 ships with iOS 11.3 and macOS 10.13.4. It is also available for macOS 10.12.6 and 10.11.6. Highlights of Safari 11.1Service Workers. Implement background scripts for offline web applications and faster web pages. Payment Request. Provide a consistent user payment experience in Safari using a standards-based API. Security Improvements. Improved protection against memory corru
当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog
追記: 2019/11/12 2年経ったけど体験が悪化し続けた結果、 Firefox がこの記事の通りになりましたね… www.fxsitecompat.dev プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.hatenadiary.jp 少し前の記事。最近はどこかで wordpress のプラグインになったのか、目にする機会が非常に多くなり、非常にストレスフル。最初は技術的な目新しさからか、ある程度容認していたが、さすがにこの状況が悪化する一方で、本気でやばいんじゃないかと思っている。とくに初見のブログの記事を読む前に、購読確認が出るのが最悪の体験となっている。 そもそもプッシュ配信とは
WebAssembly対応、主要ブラウザChrome/Firefox/Edge/Safariで整う。Webアプリの開発言語としてJavaScript以外の選択肢は広がるか？
主要なWebブラウザでのWebAssembly対応が整った。これによりJavaScriptを超える高速なWebアプリケーションの実行に加え、JavaScript以外の言語によるWebアプリ開発の選択肢が開かれることになる。 WebAssemblyは、Webブラウザ上でネイティブコードに近い実行速度で高速に実行できるバイナリフォーマットを実現しようと、マイクロソフト、Google、Mozilla、Appleなどの主要なWebブラウザベンダがW3CのWebAssembly Community Groupなどを通じて共同で開発に取り組んでいる技術です。 主要なWebブラウザによるWebAssembly対応が整う 1年前の2016年11月には、各社が足並みをそろえてWebAssemblyの試験的実装を発表し、2017年2月にはWebAssembly APIとバイナリフォーマットについて主要ブラウザ
ダークウェブについて - Sh1ttyKids’s blog
前回まではダークウェブ上のウェブサイトに存在する致命的なミスについての話をしました。ではそもそもダークウェブとは一体何なのでしょうか?、どんな感じなのか?などを書いていきたいと思います。 - ダークウェブとは ダークウェブとは基本的に通常のgoogle検索などの検索に引っかからず、URLを入手できてもすぐにアクセスできないサイト群のことを指します。FireFoxをカスタマイズした専用のTor Browserと呼ばれるソフトウェアを使用することによってアクセスが可能となります。 絶対にアクセスしてはいけない場所なのか？ メディアは”ダークウェブとは通常我々がいつも見ているようなサイトではなくサーバーの所在が隠された犯罪者の溜まり場のようなものだ”と書いていたりしますが、私は決してそうではないと思います。実際のところどうなのかというと、100%悪い人たちがダークウェブを利用しているわけではあり
Firefox 57のリリースを機に
Chromeにしていたメインブラウザを再びFirefoxに戻そうか、などと酔狂なことを考えています。確かに、WebExtensions非対応なアドオンに対してバッサリ「NO」を突きつけたのは、時期尚早な感があります。けれども、そこまで振り切ってまでして前に進もうとする、その心意気や良し。ならば敢えてその無茶、もとい英断に付き合ってみようではないか、と。 なーんて格好つけるつもりはなく、単に捻くれ者で天邪鬼の僕としては、さようならFirefox57、おすすめの代替ブラウザはESR版ではなくPale Moon、PMをOpera12風にするアドオン達 | シンスプリンター - うつ病、シンスプリントと闘う私の日常とかFirefox Quantum（バージョン57）公開 | スラド ITなんか読んでるうちに、なぜかFirefoxの肩を持ちたくなったんです。それに、吉野さんの訳された生まれ変わった
Web updates 2017
HTML5 Conference 2017 で仕様したスライド 後日修正＆追加したものを UP し直します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
