27

誰か助けてもらえますか、私はIEとFirefoxにブックマークを追加するために以下を使用していますが、Chromeでは機能せず、「サポートされていません」というエラーメッセージも表示されません。

すべてのブラウザをサポートするための優れたスクリプトを知っている人、または少なくとも戻ってきてサポートされていないことを教えてくれる人は誰でも、jQueryにアクセスできます-ブラウザを検出する方法があるかもしれません

私は現在これを使用しており、IEとFirefoxで動作しますが、Chromeでは動作しません

if (window.sidebar) { // Mozilla Firefox
    window.sidebar.addPanel(name, url, "");
}
else if (window.external) { // IE
    window.external.AddFavorite(url, name);
}
else if (window.opera && window.print) {
    window.external.AddFavorite(url, name);
}
else {
    alert('not supported');
}
4

6 に答える 6

13

申し訳ありませんが、これを行うクロスブラウザーの方法はありません。FF の例も壊れています。通常のブックマークは作成されませんが、サイドバーで開くように設定されたブックマークが作成されます。実際のブックマークを作成するには、bookmark サービスを使用する必要がありますが、これはセキュリティ上の制限により失敗します。

于 2009-06-14T16:57:49.240 に答える
6

発見した後 - エジソンのように！-これが機能しない方法がたくさんありますが、最終的に、JSを介したブックマークの追加がChromeで明示的に無効になっているというこのページに出くわしました。残念ながら、その理由は説明されていません。

更新:別のSOユーザーからこの回答を拡張するように依頼されました...

この機能のリンクとボタンはすべてclass="addbookmark"関連付けられています。ユーザー エージェントが Chrome の場合、jQuery を使用してリンクを無効にし、その理由を説明します。

<script type="text/javascript" src="/scripts/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="/scripts/bookmark.js"></script> 
<script> 
    title='A Label for this Bookmark, ie title of this page'; // for example, not really generated this way... 

    $jQuery(document).ready(function(){ 
        // chrome does not permit addToFavorites() function by design 
        if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { 
            $('.addbookmark').attr({ 
                title: 'This function is not available in Google Chrome. Click the star symbol at the end of the address-bar or hit Ctrl-D to create a bookmark.', 
                href: 'javascript:return false' 
            }) 
            .css({opacity: .25});       // dim the button/link 
        } 
    }); 
</script>

そして、ページの他の場所:

 <td rowspan="2" class="noprint" style="width:24px;"> 
     <a class="addbookmark" title="Save a Bookmark for this page" 
        href="javascript:addToFavorites(location.href,title)"> 
        <img style="width:24px; height:24px; padding-top:2px;" src="/images/bookmark.gif"></a> 
 </td>

...これは決して完璧ではありませんが、選択肢はかなり限られているようです。

jQueryのバージョンは重要ではありません。Googleバージョンへのローカル コピーまたはホットリンクが必要かどうかは、あなた次第です。bookmark.jsOPのコードとほぼ同じです：

$ cat /scripts/bookmark.js 
/* simple cross-browser script for adding a bookmark 
    source: http://stackoverflow.com/questions/992844/add-to-browser-favourites-bookmarks-from-javascript-but-for-all-browsers-mine-do 
*/ 
function addToFavorites(url, name) { 
    if (window.sidebar) { // Mozilla Firefox 
        window.sidebar.addPanel(name, url, ""); 
    } else if (window.external) { // IE 
        window.external.AddFavorite(url, name); 
    } else if (window.opera && window.print) { 
        window.external.AddFavorite(url, name); 
    } else { 
        alert("Sorry! Your browser doesn't appear to support this function."); 
    } 
}

それが役に立つことを願っています。

于 2011-03-07T00:39:23.250 に答える
5

このスクリプトを次の場所でテストしました。

勝つ

  • IE 6.0、IE 7.0、IE 8.0
  • Firefox 2.0、Firefox 3.6.3
  • サファリ 3.1.2、サファリ 3.2.3
  • オペラ 9.00
  • Google Chrome 8.0

マック

  • Firefox 3.6.13
  • サファリ5.0.1
  • オペラ 11.0

  • Google Chrome 8.0

    /*
* Copyright 2010 by GlamThumbs Team.
*
* How To Use The Script:
* add to your page this code between inside head tags
* <script type="text/javascript" src="ATBookmarkApp.js"></script> 
* add anchor with void href like this: 
* <a href="javascript:void(0)" onClick="return BookmarkApp.addBookmark(this)">bookmark us</a> 
* 
*/

ATBookmarkApp = function () {
    var isIEmac = false; /*@cc_on @if(@_jscript&&!(@_win32||@_win16)&& 
(@_jscript_version<5.5)) isIEmac=true; @end @*/
    var isMSIE = (-[1,]) ? false : true;
    var cjTitle = document.title;
    var cjHref = location.href;

    function hotKeys() {
        var ua = navigator.userAgent.toLowerCase();
        var str = '';
        var isWebkit = (ua.indexOf('webkit') != - 1);
        var isMac = (ua.indexOf('mac') != - 1);

        if (ua.indexOf('konqueror') != - 1) {
            str = 'CTRL + B'; // Konqueror
        } else if (window.home || isWebkit || isIEmac || isMac) {
            str = (isMac ? 'Command/Cmd' : 'CTRL') + ' + D'; // Netscape, Safari, iCab, IE5/Mac
        }
        return ((str) ? 'Press ' + str + ' to bookmark this page.' : str);
    }

    function isIE8() {
        var rv = -1;
        if (navigator.appName == 'Microsoft Internet Explorer') {
            var ua = navigator.userAgent;
            var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
            if (re.exec(ua) != null) {
                rv = parseFloat(RegExp.$1);
            }
        }
        if (rv > - 1) {
            if (rv >= 8.0) {
                return true;
            }
        }
        return false;
    }

    function addBookmark(a) {
        try {
            if (typeof a == "object" && a.tagName.toLowerCase() == "a") {
                a.style.cursor = 'pointer';
                if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function")) {
                    window.sidebar.addPanel(cjTitle, cjHref, ""); // Gecko
                    return false;   
                } else if (isMSIE && typeof window.external == "object") {
                    if (isIE8()) {
                        window.external.AddToFavoritesBar(cjHref, cjTitle); // IE 8                    
                    } else {
                        window.external.AddFavorite(cjHref, cjTitle); // IE <=7
                    }
                    return false;
                } else if (window.opera) {
                    a.href = cjHref;
                    a.title = cjTitle;
                    a.rel = 'sidebar'; // Opera 7+
                    return true;
                } else {
                    alert(hotKeys());
                }
            } else {
                throw "Error occured.\r\nNote, only A tagname is allowed!";
            }
        } catch (err) {
            alert(err);
        }

    }

    return {
        addBookmark : addBookmark
    }
}();
于 2011-01-03T09:19:14.710 に答える
4

ctr+D を押すようにクライアントにいつでも警告できます。これは、すべてのブラウザーで共通です。粘着性がありますが、クライアントにとっては同じくらい便利です。

CTRL + D -- Windows の場合
CMD + D -- Mac の場合

于 2010-06-22T14:49:03.647 に答える
2

上記の例を機能させることができませんでした。とにかく、元の質問「CHROMEでは機能せず、「サポートされていません」というエラーメッセージも表示されません..」に対する答えは、次の行によるものです

else if (window.external) { // IE

chrome は実際にはこのテストに合格し、明らかにブックマークの追加に失敗します。この行を次のように変更しました

else if(window.external && !window.chrome)  // IE

そして今、「サポートされていません」というメッセージが表示されます。私は実際にこのメッセージを削除し、関数 hotKeys() を呼び出して、より意味のあるアラートを取得しました。それを機能させるには、いくつかの変更を加える必要がありました

function showHotKeys() 
{ 
var ua = navigator.userAgent.toLowerCase(); 
var str = ''; 
var isWebkit = (ua.indexOf('webkit') != - 1); 
var isMac = (ua.indexOf('mac') != - 1); 

if (ua.indexOf('konqueror') != - 1) { 
    str = 'CTRL + B'; // Konqueror 
} else if (window.home || isWebkit || isMac) { 
    str = (isMac ? 'Command/Cmd' : 'CTRL') + ' + D'; // Netscape, Safari, iCab
} 
return ((str) ? 'Press ' + str + ' to bookmark this page.' : str); 
}
于 2012-03-10T04:16:14.430 に答える
0

jQueryの助けを借りた私のアプローチ。
IE 6-8、Fx 1-25、Opera 7-14 でテスト済み。Chrome、Saf では正常に劣化します。

CSS:

.no-js .link-bookmark {
   display: none;
}

JS:

/* ... Bookmark current page ... */
var $favLink = $('.link-bookmark');

if ( window.sidebar || 'AddFavorite' in window.external || window.opera ) {
    $favLink.show();
}

// add a 'rel' attrib if Op 7+ && Fx >= 23
if ( window.opera || window.sidebar ) {
    var $favLinkAttrRel = $favLink.attr('rel');
    if ( typeof $favLinkAttrRel !== "undefined" && $favLinkAttrRel !== false ) { // don't overwrite the rel attr if already set
        $favLink.attr('rel', 'sidebar');
    }
}

$favLink.click(function( event ) {
//event.preventDefault(); // prevent the anchor tag from sending the user off to the link
var url = this.href;
var $title = $('title').text();

// IE Favorite
if ( 'AddFavorite' in window.external ) {
    event.preventDefault();
    window.external.AddFavorite(url, $title);
}
// Fx <23 Bookmark, 'addPanel' not available from v23 on any more.
else if ( 'addPanel' in window.sidebar ) {
    event.preventDefault();
    window.sidebar.addPanel($title, url, '');
}
// Op 7+ && Fx >= 23
else if ( window.opera || window.sidebar ) {
    $favLink.attr('title', $title);
    return true; // do nothing - the rel="sidebar" should do the trick
}
// for Saf, Konq etc - browsers who do not support bookmarking scripts
else {
    event.preventDefault();
    alert('Your browser doesn\'t support the bookmark functionality,'
    + 'please add this page to your bookmarks manually.');
} 
});
于 2013-12-05T17:19:17.220 に答える