少しガイドを探しています。このガイドに従って、独自の Google Chrome 拡張機能を構築しています。
http://www.seomoz.org/blog/building-chrome-apps-and-extensions
彼らの例ではうまく機能しますが、自分の JSON データに適用しようとするとうまくいきません。
彼らの例:
var messages = [];
var whens = [];
function checkNotifications(){
$.getJSON('http://dl.dropbox.com/u/31988864/notifications.json',function(data){
var new_messages = [];
var new_whens = [];
$.each(data, function(key, val) {
if (messages.indexOf(val['message']) == -1){
chrome.browserAction.setBadgeText({'text': 'New'});
chrome.browserAction.setBadgeBackgroundColor({'color': '#f00'});
}
new_messages.push(val['message']);
new_whens.push(val['when']);
});
messages = new_messages;
whens = new_whens;
});
}
checkNotifications();
// 1800000 milliseconds is 30 minutes
setInterval(checkNotifications,1800000);
サンプル データnotifications.json
は次のようになります。
[
{"message": "<b>New blog post</b>: by David Sottimano - <a href='http://www.distilled.net/blog/miscellaneous/proxy-server-essential-information-for-seos/'>Proxy server essential information for SEOs</a>", "when": "6 days ago"},
{"message": "<b>New module released</b>: Further SEO - <a href='http://www.distilled.net/u/linkbait/'>Linkbait that gets links</a>", "when": "11 days ago"},
{"message": "<b>New blog post</b>: by Benjamin Estes - <a href='http://www.distilled.net/blog/web-analytics/segmenting-keywords-using-seotools/'>Segmenting keywords using SeoTools</a>", "when": "14 days ago"},
{"message": "<b>New blog post</b>: by Will Critchlow - <a href='http://www.distilled.net/blog/conversion-rate-optimization/why-your-cro-tests-fail/'>Why your CRO tests fail</a>", "when": "16 days ago"}
]
非常に簡単です。からデータを取得しnotifications.json
、基本的に結果に対して新しいタグforeach
を探します。message
見つかった場合は、拡張バッジに NEW を設定します。
当然、私は独自の RSS フィードに変更したいと考えて$.getJSON('http://dl.dropbox.com/u/31988864/notifications.json',
います。これは、Google の助けを借りて JSON に変換することで行われます。
出力のサンプルを次に示します。かなり長いので、一部だけ紹介します。
{
"responseData":
{
"feed":
{
"feedUrl":"http://feeds.feedburner.com/thegearpost",
"title":"TheGearPost",
"link":"http://thegearpost.com",
"author":"",
"description":"The online gadget, gear and gift guide for men.",
"type":"rss20",
"entries":
[
{
"title":"Man Crates",
"link":"http://feedproxy.google.com/~r/thegearpost/~3/_WO8mJS7dUY/",
"author":"Pat",
"publishedDate":"Fri, 03 May 2013 12:19:10 -0700",
"contentSnippet":"Call in your own care package with Man Crates."
message
サンプル コードを Google のcontentSnippet
セクションに置き換えることができると考えています。
ただし、これは機能しません。これが私の質問です。
どうすればこれを機能させることができますか?val['responseData.feed.contentSnippet']
、 、および以下のセクションval['feed.contentSnippet']
だけでも試しましたが、どれも機能していません。val['contentSnippet']
$.each(data, function(key, val) {
if (messages.indexOf(val['responseData.feed.contentSnippet']) == -1){
chrome.browserAction.setBadgeText({'text': 'New'});
chrome.browserAction.setBadgeBackgroundColor({'color': '#f00'});
}
});
最終的には、NEW という単語を実際の未読数に変更できるようにしたいと考えています。しかし、まず身元調査を機能させる必要があると思います。