How to use 'strict' mode in Chrome 'JavaScript Console'
I am practicing JavaScript on Chrome's 'JavaScript Console' ( version: 35.0) and I am unable to use the 'use strict' clause as expected. For the following code snippet : var obj={x:1,y:2} //Define new property with 'writable' flag as false. Object.defineProperty(obj, "z", {value:3, writable:false, enumerable:false, configurable:false}) // Try to change the property 'z', "use strict"; obj["z"]=4 Ou
パスワード用途以外にinput要素のtype=
たとえばクレジットカード決済で、カードのセキュリティコードを入力する欄が <input type="password" > 要素で用意されているといった場合です。 Chrome を使って調べていたのですが、ログイン ID とパスワードの組み合わせを Chrome に保存していた場合、同じサイトの別ページに type="text" の入力欄と type="password" の入力欄があったら、問答無用でそのサイトの保存済みのログイン情報がオートコンプリートされてしまいます。 ↑ こんな感じでオートコンプリートされる。 セキュリティコードのところは maxlength="4" を指定しているがそれも無視。 ブラウザのオートコンプリートは感覚的に name 属性やら id 属性が同じだったらオートコンプリートされるのかなぁというイメージだったので問題ないだろうと思っていたのですが、違いました。
ウェブにプッシュ通知をもたらすウェブサービス「bpush」を作った - Qiita
2017年3月26日追記 bpushは2年弱の運営の後、OSSとして生まれ変わりました。詳しくは下記の記事をご覧ください。 国内初のウェブプッシュサービスbpushのOSS化と運営して学んだことについて ブラウザだけでプッシュ通知ができるようになった Chromeのバージョン42からプッシュ通知が可能になったという記事は読まれましたでしょうか？ 「Google Chrome 42」安定版リリース プッシュ通知機能追加と45件の脆弱性対 Chrome 42から、Service Workerという新しい仕組みによって、ブラウザを閉じていても、スマートフォンのプッシュ通知のようにサービス側からお知らせを届けることができるようになりました。この機能はデスクトップ版とAndroid版のChromeに導入されています。通知の仕組みにGoogle Cloud Messaging(GCM)を使っているため
chrome.storageでchrome extension用のデータを保存・取得
chrome.storage の API を使う localStorage を使うとこれはこれで動くのですが、もう少し扱いやすい方法がないか調べたところ、chrome.storage という localStorage に似た方法を見つけました。 chrome.storage – Google Chrome localStorage の場合、background.js を通して Message Passing でデータのやり取りを行う必要がある。 これに対し chrome.storage では background.js なしで、ダイレクトに content_scripts 等から chrome.storage のデータにアクセスできます。また、chrome.storage.onChanged.addListener の API で、データ変更に対するコールバックを簡単に登録できて便利。 以
Chrome extension: accessing localStorage in content script
Update 2016: Google Chrome released the storage API: https://developer.chrome.com/docs/extensions/reference/storage/ It is pretty easy to use like the other Chrome APIs and you can use it from any page context within Chrome. // Save it using the Chrome extension storage API. chrome.storage.sync.set({'foo': 'hello', 'bar': 'hi'}, function() { console.log('Settings saved'); }); // Read it using the
chrome.storage | API | Chrome for Developers
To use the storage API, declare the "storage" permission in the extension manifest. For example: { "name": "My extension", ... "permissions": [ "storage" ], ... } Concepts and usage The Storage API provides an extension-specific way to persist user data and state. It's similar to the web platform's storage APIs (IndexedDB, and Storage), but was designed to meet the storage needs of extensions. The
Give users options | Extensions | Chrome for Developers
Write the options page The following is an example of an options page: options.html: <!DOCTYPE html> <html> <head> <title>My Test Extension Options</title> </head> <body> <select id="color"> <option value="red">red</option> <option value="green">green</option> <option value="blue">blue</option> <option value="yellow">yellow</option> </select> <label> <input type="checkbox" id="like" /> I like colo
Google Chrome Extensionを作ってみた-その4- | DevelopersIO
はじめに 今回はオプションページについてです。 オプションページは必須ではないのですが、それなりに大きなエクステンションを作ろうと思うと、設定保存は必要になると思うので紹介します。 作るもの オプションページで、文字列を一つ設定して記憶できる様にする ツールバーボタンを押下してポップアップ画面でその文字列を表示する という簡単なエクステンションを作ります。 作ってみる まず、オプションページをエクステンションの画面に出すには、manifest.jsonに"options_page"という項目と定義します。今回はオプションのページとして表示するhtmlをoptions.htmlとし、次の様に設定しました。 { "name": "OptionSample", "version": "1.0", "permissions": [ ], "browser_action": { "default_i
GitHub上のnpmパッケージ名をリンクに変えるChrome拡張GitHub Linkerで捗る - teppeis blog
GitHub上のソースコードでrequire('morgan')とか書いてあって、このパッケージってなんだっけ？って "npm + morgan" でググってnpmのサイトかGitHubリポジトリを探すことってよくある。 ありすぎるので、自動リンク化するChrome拡張書こうかなと思って先行実装が無いかググったら、見事にあった。日本語でほとんど紹介されてなかったので紹介するのでNoderは今すぐインストールすべし。 GitHub Linker - Chrome ウェブストア これをインストールすると、GitHub上のファイル(.js, .jsx, .coffee, .md)内のパッケージ名部分が該当パッケージのGitHubリポジトリへのリンクになる*1。 対応しているパッケージシステムは以下。 npm bower Duo Node.js標準ライブラリ (https://iojs.org/a
Google Chrome Extensions - Can't load local images with CSS
I have a simple Chrome extension that uses the content script feature to modify a website. More specifically, the background-image of said website. For some reason I can't seem to be able to use local images, even though they are packed in the extension. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } That's it, the simplest CSS... but it won't work. Th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - e-jigsaw/chatwork.md: display pretty message on Chatwork