自己署名証明書を作ってルート証明書として読み込んでみた
はじめに 自己署名証明書 (オレオレ証明書) を、ルート証明書としてインポートした場合の、ブラウザの挙動について調べた結果を報告します。 自己署名証明書によるSSL化では、ブラウザで自己署名を例外として受け入れても、アドレスバーに警告が残ります。この警告を消すために、自己署名証明書をルート証明書としてインポートする方法が、ネット上では紹介されています。これを試して見たところ、ブラウザによって挙動が異なることが分かりました。そこで主要なブラウザについて挙動を調べてみました。 最後に自己署名証明書の作成とインポートの手順についても記載しています。 ルート証明書としてインポートする手間をかけるのであれば、プライベート認証局を構築して、その認証局の証明書をルート証明書としてインポートするという選択肢も有ります。後述するように、自己署名証明書の場合は、Firefoxにルート証明書としてインポートでき
console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
URLの最大文字数って結局いくつなのさ～IE亡き後の新常識を探る - Qiita
まえがき 株式会社ピーアールオー（あったらいいな！を作ります） Advent Calendar 2021 の14日目になります。 前日は @s_arakawa626 さんの「脆弱性のあるサーバーを簡単に立ててサイバー攻撃を体験したい」でした。 URLの最大長はIEによって決められていた問題 周知の事実だと思うのですが、URLの長さに仕様としての決めはないのに、IEが2083文字までしか利用できないため、Webの世界ではURLの最大長は2083というのが事実上の標準というか、常識になっていましたよね。。。 URLの長さの仕様は本当にないのか？問題 URLに関する仕様と言えばRFCですね。URLに関するRFCは、RFC2616とRFC3986が原典となります。2616と3986の記載には、たとえばURLで使用できる文字種について違いがあったりでしばしば現場に混乱をもたらしていますが、ことURL
特定の端末のみで起こる WebView プチフリーズを Tracing を利用して追った話 - SmartNews Engineering Blog
こんにちは、スマートニュース株式会社の紀平です。 SmartNews のアプリ内では、最近 WebView を使った機能を多数公開しております。そのうちの一つにショッピングチャンネルという機能があるのですが、今日はそのショッピングチャンネルのタイムセール枠で以前発生した、謎のプチフリーズ問題の調査手法をご紹介します。 tl;dr 特定の Android 端末でプチフリーズが発生した 再描画領域を減らすことで現象は改善した Chrome の Tracing 機能を利用し、ブラウザのソースコードまで参照して、ついに根本原因まで突き止めた タイムセールで起こった問題 タイムセールは、SmartNews のショッピングチャンネル内において WebView で提供されている、期間限定のお得な商品をアグリゲーションした機能です。EC サイト各社のご協力の上にご提供しております。内部は HTML5 で開
超強力翻訳エンジン｢DeepL｣で英語サイトをまるっと翻訳できるChrome拡張機能
超強力翻訳エンジン｢DeepL｣で英語サイトをまるっと翻訳できるChrome拡張機能2021.02.16 11:0076,076 塚本直樹 課金制ですが…！ 正確な翻訳であっという間に人気ツールにのし上がった｢DeepL｣ですが、そのAPIを使ってページ翻訳やPDF翻訳ができるChrome拡張機能｢DeepLopener PRO｣が登場しました。 DeepLには無料翻訳機能や有料プランのDeepL Proだけでなく、開発者向けの｢DeepL API｣というプランもあります。記事執筆時点では月額630円＋100万文字あたり2500円のこのプランでは、DeepLの機能をAPIとしてサードパーティー製のツールに組み込めます。 そしてDeepLopener PROではこのAPI機能を使い、ページ全体を翻訳する｢レイアウト重視互換モード｣や｢ページ翻訳｣、それにPDFモードやテキスト重視置換モード、
ブラウザのユーザーエージェントを無意味化した諸悪の根源
FirefoxMozilla/5.0 (機種・OS) Gecko/20100101 Firefox/72.0 ↑わかる SafariMozilla/5.0 (機種・OS) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Safari/605.1.15 ↑まあわかる IEMozilla/5.0 (機種・OS; Trident/7.0; rv:11.0) like Gecko ↑意外にすっきりしてる ChromeMozilla/5.0 (機種・OS) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36 ↑おまえはMozillaどころかAppleWebKitでもSafariでもないだろカスか？ EdgeMozilla/5.0 (機種・OS
Chromeで使えるオレオレ証明書を作成する方法 - Qiita
opensslを使用してChromeで使える自己署名証明書（オレオレ証明書）を作成する方法を解説します。 また、簡単に生成できるツールも用意しました。よければご活用下さい（dockerが必要です） 発端 ローカル環境でhttpsを実現するために、オレオレ(自己署名)SSL証明書を作成したのですがchromeではNET::ERR_CERT_COMMON_NAME_INVALIDとなってしまいました。 原因は、Chromeの仕様変更により、ドメイン名のチェックをCommon Name(通称CN)ではなくSubject Alternative Names(通称SAN)を参考にする様になったためだそうです。 ここではSubject Alternative Namesを含んだ自己署名サーバ証明書の作り方を解説します。 (追記) 自己署名証明書を作成するツールを作りました。 self-sign-cer
Chrome開発者ツールのコンソールに表示したObjectをクリップボードにコピーする - dackdive's blog
API のレスポンス(JSON)を確認したいときとか、ブラウザのコンソールでオブジェクト確認してる時、出力された内容をそのままコピーして GitHub だったりどこか別の場所に貼り付けたいことがたびたびある。 で、調べてみたら開発者ツールの機能でできるらしい。 このへんに書いてあった。 http://www.fullstacktraining.com/articles/google-chrome-store-as-global-variable google chrome devtools - Copy JSON from console.log in developer tool to clipboard? - Super User 方法 コピーしたいオブジェクトの行を右クリックし、「Store as Global Variable」を選択。 成功すると *1 コンソールに temp1
各ブラウザでJavaScriptを無効にする - Qiita
2019/04/02 14:30 超久々に差分チェック。 引き続きで使えることを確認しました。 【経緯】 フロントエンドの問題切り分けのため、JavaScriptをOFFにしてみることにした。 Firefoxの設定メニューを開くも、JavaScriptに関するメニューが無い。 そんなにJavaScriptOFFにされると困るのか…(´･ω･`) どっかのタイミングで設定メニューから外したらしい。 Firefoxと、普段使いのChromeでの設定方法を確認して粛々と進めます。 Firefoxの場合 (65.0.2で確認) アドレスバーに、about:configを入力。 動作対象外です！と警告が出るので納得の上で進む。 検索バーに「javascript.enabled」を入力。 出てきた設定項目はおそらく「true」になってるので、ダブルクリックで「false」に切替え。 これでJavaSc
Windows環境下でHeadless ChromeをPython3とSeleniumで動作させるキモ - Qiita
はじめに 過去、Windows環境下でSeleniumとかPhantomJSを使ってスクレイピングしてきたのですが、ここにきて、「Headless Chromeというのがあって、その影響でPhantomJSの開発はストップした」といったことを耳にしました。 「じゃあ、Headless Chromeとやらをいじってみないと。。。」ということで、私物のMacでやってみて、意外に簡単にできることが確認できました。 が、どうもWindows環境下でのHeadless Chromeの動作についての記事をネット上とかでも目にしないし、書籍も出ていないようだし、私の職場環境はWindowsがメインだったりするので、いずれやっておく必要があると思い、試してみたらうまくいったので、そのメモをしておきます。 ポイントは、直接、chrome.exeに--headlessとか--screenshotとやってもちゃ
Google Chrome 59でヘッドレスモードが標準搭載されたのでいじってみる | 株式会社ビヨンド
こんにちは。 開発チームのワイルド担当、まんだいです。 Google Chromeのバージョン59において、ヘッドレスモードが搭載されました。 今までヘッドレスブラウザといえば、PhantomJSやSeleniumなどが有名です（個人的に使ったものでいうとWatirというものもありました。 → ヘッドレスブラウザリスト） いずれも色々と下準備として環境構築する必要がありましたが、Google Chrome 59ならインストールだけでヘッドレス環境が構築できる！ ということで試してみました。 なお、バージョン59の時点では、Windows非対応ということで、CentOS 7で動作確認しております。 Google Chromeをアップデートする yum経由でインストールしていた場合のアップデートは簡単です。 sudo yum -y upgrade google-chrome-stable 未導
退屈なブラウザ作業はSeleniumにやらせようーーはじめてでもできるブラウザ操作自動化 | メルカリエンジニアリング
こんにちは、メルカリのQA-SETチームで自動化をぶりぶりしている tadashi0713 です。 これまではモバイルアプリ・WebアプリのE2Eテストを中心に自動化をしていましたが、最近ではプロダクト部門・カスタマーサポート部門・コーポレート部門の業務自動化にも挑戦しています。 今回はSelenium WebDriver (以下 Selenium) を使って簡単にできるブラウザ作業自動化についてご紹介します。 10/25にGitHub JapanでLT発表した資料もありますので、合わせてご覧ください。 english-lt.connpass.com 意外と多い、ブラウザを使った繰り返し作業 社内の色々な職種・チームの方々とコミュニケーションをしていると、ブラウザを使った繰り返し作業が多く感じました。 例えば 社内で使用しているWebサービスのアカウントを社員に付与する Chartio(h
PhantomJSの開発が終了しリポジトリがアーカイブ化された
QtWebKitをベースにしたヘッドレスブラウザであるPhantomJSの開発が終了され、2018年6月2日にリポジトリもアーカイブされました。 ariya/phantomjs: Scriptable Headless Browser 以前にもお伝えしていましたが、PhantomJSはQtWebKitをベースにしていて安定版が利用しているバージョンも古いままでした。 また、QtWebKitの新しいバージョンへアップデートを行うベータ版も開発されていましたが、Headless Chromiumが公開されたことや個人でPhantomJSのメンテナンスを続けていくの難しいという問題もあり開発は停止していました。 2017-05-03のJS: Headless Chrome/FirefoxとPhantomJS/SlimerJS、ES modules - JSer.info 2017-09-05のJ
ヘッドレスブラウザ(Chrome)を使ってSPAをスクレイピングする - Qiita
一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できません。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。 ヘッドレスブラウザによるスクレイピング 動的なDOMやパーサーがうまく解釈できないとい
Chrome ExtensionのLive HTTP Headersの調査(CoolBar.Pro導入 Extensionが何を行うかの調査)
a.md Chrome ExtensionのLive HTTP Headersを調査した。Firefox用のものではない。Firefox用のものではない。 https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo 11/7追記 類似 or 同様の方法で難読化scriptを埋め込んでいる拡張機能が大量にあったため、Googleに報告済み。 https://twitter.com/bulkneets/status/795260268221636608 English version: https://translate.google.com/translate?sl=ja&tl=en&js=y&prev=_t&hl=ja&ie=UTF-8&u=https%3A%2F%
HTTP Headers という 5万人が使っている Chrome 拡張のマルウェア疑惑。セッション盗まれて BTC も盗まれそうになった話。 - clock-up-blog
疑惑どころか 99.99% くらい黒な話。 （後記：セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい） 追記：続報 11月3日 今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様（？）の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様（？）。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog
Google Chromeは速くないって - umitanuki's blog
Google Chromeが速いという意見をよく耳にしますが、何を言っているのかさっぱりわかりません。そういう人たちはGoogleのマーケティング戦略に騙されすぎです。 ブラウザの速さを決めるのはたくさんの要素がありますが、Chromeが速い理由の一つにJavascriptエンジンであるV8が速いことが挙がっています。本当にそうでしょうか。 まず理論面から。 多くのWebアプリケーションで、Javascriptがボトルネックになるとすれば、その大半はDOM操作によるものです。そしてDOM操作はレンダリングエンジンが実装していて、Javascriptはそれらを呼び出しているにすぎません。ChromeのレンダリングエンジンはSafariと同じWebkitです。ということは、速度の大半を決めるレンダリングエンジンが同じ以上、Chromeが爆速だというのは迷信です。ちなみにFirefoxのJSエン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoogleChromeをキオスクモード実行ショートカット - Qiita
community.crypto.openssl_csr module – Generate OpenSSL Certificate Signing Request (CSR) — Ansible Community Documentation
How to send multipart/form-data request using Postman