警告 本記事に記載している内容はCORSだけでなく、ブラウザの様々なセキュリティ機能を無効化する危険な行為です。 今すぐにセキュリティを無効化しないといけない事情がある場合を除いて安易に実施しないでください。セキュリティを無効化した状態でのインターネット接続など言語道断です。 上記内容、そして本記事に記載している行為を理解している方のみ自己責任でお願いします。 Google Chrome 以下のコマンドでChromeを起動する。--user-data-dirを指定しないと既存の設定でChromeが起動し、セキュリティは有効のままだった。 不要になったらここで作成したデータディレクトリは消せばよい。 <Chrome実行ファイル> --disable-web-security --user-data-dir=<データディレクトリ>
2017.09.10 2019.05.12 Google Chromeで表示される「Webプッシュ」通知の許可ダイアログをデフォルトでブロックする方法 毎回毎回めんどくさいねん こんな記事を読みました。 『突然表示される「Webプッシュ」は早急に滅んで欲しい』 わかる〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 Webプッシュ、大手メディアとか意識高めの個人ブログで導入してるところが多い印象ですが、個人的には一度も許可したことがなく毎回ブロックするのが面倒でした。 たまたま訪れただけのサイトの通知とか要ります? で、前述のHagexさんの記事のブコメを見るとデフォルトでブロックする方法が書かれていました。「マジかよ」ってことでさっそく設定してみたのでやり方をメモしておきます。 Chromeの通知設定を見直す Chromeのアドレスバーに「chrome://settings/co
2018年1月16日 Webサイト制作, 便利ツール 普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ! ↑私が10年以上利用している会計ソフト! Web Developer Chrome拡張|Firefox Add-on|GitHub|公式サイト Webに携わる人は入れておいて損はない拡張のひとつ!長年利用させていただいてます。1クリックでCSSやJavaScriptを無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスやID名の表示、定規やカラーピッカーまで揃っています!カラーピッカーはCSSで定義されたものだけでなく、画像からも抽出できるのがすごい。日本語版もあるので試してみてくださいね。 CSS Peeper Chrome拡張
The easiest way to identify fonts on web pages. Say goodbye to the complexity of developer tools for identifying fonts. With WhatFont, discovering the fonts used on websites becomes as effortless as hovering over text. Want more details? A simple click on any element reveals the styles applied, making it easier than ever to uncover the secrets behind beautiful typography. Recommended by Wired WebM
何を言っているのか 製作時間 30分ぐらい 内容 input要素のtypeがtextまたはsearchの要素、もしくはテキストエリア内におけるキャレットの位置を画面内の絶対値として取得し、その周辺に打鍵と同時に画像を散らかしています。 キャレット位置の取得方法 これの実現については今回は自前実装ではなく caretposition.jsという素晴らしいライブラリがあったので、使わせていただいてます。 http://d.akiroom.com/2012-06/jquery-textarea-caret-position-javascript-library/ 実装 'use strict'; document.onkeydown = function (e) { var current = document.activeElement; if (e.key === 'Backspace')
Win/OSX両用なChrome用プロキシ切替拡張の決定版はSwitchySharpだ 2012-10-18 目次 全Webデベロッパが泣いて喜ぶプロキシ切替Chrome拡張を見つけました 「プロキシが独自設定できるから、開発用にFirefoxを使っている」というウェブ関係者は多いのではないでしょうか。僕もその一人でした。(ウェブ開発では、開発環境に接続するためにプロキシ設定をすることが多々あるのです) Chromeは標準では独自設定ができないのですが、それでも動作確認などで開発用に使うことがあります。そしてつい先ほど、OSX Mountain LionのGoogle Chromeで使っていたProxy Switchy!(バージョン: 1.6.3 更新日: 2010年9月20日)がMountain Lionのアップデートによって全く動作しなくなり、何か別のソフトや拡張はないかなーと思って見
Chromeは速い、軽い、複数パソコンで環境を瞬時に同期して使える、アドレスバーからの検索が良いなどなど、一度使ってしまうと他のブラウザには到底戻れない、圧倒的な魅力を感じています。 というわけで、唐突に私のChromeお気に入りポイントと工夫ポイントを書いてみる。 アカウント同期すれば複数パソコンからでも全く同じ環境が再現される Googleのアカウント一つあれば、「アプリケーション」「パスワード」「自動入力」「設定」「ブックマーク」「テーマ」「拡張機能」が瞬時に同期されます。 なので、私の環境で言えば会社のThinkPad、持ち歩き用のVAIO X、家用のMacbook、常に同じ環境で使えるの、ほんとすごい。 買ったばっかりのMacbookにとりあえずChromeをインストールして瞬時に同期する様。 魔法のようにブックマークや拡張機能が再現! ブラウザのセットアップ作業が1分で終わ
() - 3,678 users - Weekly installs: 621
Chromeleon is a navigator.userAgent and navigator.vendor spoofing extension. This allows Chrome users to access sites that intentionally or unintentionally serve incompatible content or block Chrome. The extension allows you to set a specific filtering list, so Chromeleon will automatically switch user-agent strings based on the domain or URL you specify. Also, it will use and auto-update a list o
Copy current page URL to clipboard in various formats. (Tested on OSX, WindowsXP, Windows7/64bit) Make HTML link tag easily like Firefox addon Make Link. Copy current page title and URL to clipboard in various formats. *plain text ([page title] [page URL]) *HTML link (<a href="[page URL]">[page title]</a> *markdown *mediawiki In extension options page, you can configure formats and shortcut key. S
メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。 CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。 CSS Tester CSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。 CSSViewer View Selection Source ドラッグした部分のみのソースを表示します。Web制作時によく使っています。使い慣れるとほんと重宝します。 View Selection So
検索結果をクリックすることなくリンク先のページを表示できるインスタントプレビューをGoogleは先日公開しました。 インスタントプレビューによくある質問をGoogleが公開しています。 大切だと個人的に思える項目をピックアップします。 ● インスタントプレビューの画像が作成されるタイミング ほとんどの場合は、Googlebotがクロールしたコンテンツに基づいて作成される。事前に保存したデータが存在しないときは、ユーザーのリクエストに応じてその場で作成する。 ● その場で作成するインスタントページビューとクロールによるページビューの違い クロールによって作成されるページビューはGooglebotが取得したデータから作成される。その場で作成するページビューは、Google Web Previewによって作成される。 Google Web Previewのユーザーエージェント名は、現在は次のとお
Chrome エクステンションは、Chrome に便利な機能を追加することで、自分好みにブラウザをカスタマイズできるブラウザの拡張機能です。世界中の開発者の皆さんのおかげで、様々な種類のエクステンションが多数登録され、多くの方に利用していただいています。 先日、Google の社員に対してよく使っている Chrome エクステンションについてアンケートをおこないました。その中からさらに厳選したトップ10を、今回はランキング形式でご紹介します。ぜひ、試してみてください。 Doc PDF/PowerPoint Viewer 添付ファイルで送られた PDF、PowerPoint プレゼンテーション、その他のドキュメントなどのデータをダウンロードすることなしに、 Google Docs Viewer でブラウザ上で簡単に表示することができますRSS Subscription Extension 専
Robert’s talk Robert Nyman氏がHTML Validator - Robert's talkにおいてChrome向けのHTMLバリデータエクステンションを公開した。同氏はこれまでにいくつもFirefox向けのエクステンションを開発している。HTML Validatorは簡単に扱うことができて便利。紹介されている内容をまとめると次のとおり。 HTML Validatorの特徴 自動または手動でHTMLの検証を実施可能。W3C Validatorを使い、インラインで処理することもW3C Validatorへ処理を飛ばすこともできる。 HTML Validatorのアイコンはアドレスバーの右側に表示される。ページにエラーがなければ緑色で0と表示され、エラーがあれば赤色でエラー数が表示される。エラー一覧はページ下にダイアログがポップアップする。 HTML Validator
Adds a toolbar button with various web developer tools. The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox. -------------------- The best place for support is not in the reviews section below, but on the Web Developer site in the help: https://chrispederick.com/work/web-developer/he
Google chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン!」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome(BETA) 開発用フォルダを準備する 好きなところに開発用のフォルダを作成します。 私はC:\work\chrome-extというフォルダを作成しました。この中に拡張機能ごとのフォルダを作成していきます。今回はhelloworldという名前の拡張機能を作ってみることにします。 必要なファイルを作成 Google chrome拡張に必要なファイルを作成します。 最低限必要なのは以下の三つです マニフェストファイル アイコン画像ファ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く