添加到收藏夹链接谷歌浏览器

时间:2010-07-12 17:02:03

标签: html google-chrome hyperlink google-chrome-extension

我使用的“添加到收藏夹”链接代码适用于Firefox,但不适用于Google Chrome扩展程序。我应该使用什么来创建添加到Chrome收藏夹/书签的链接

4 个答案:

答案 0 :(得分:7)

在所有浏览器中都无法做到这一点。即使在Firefox中它也没有按预期工作,因为它添加了一个侧边栏(在较新的版本上,用户可以更改它,如果他找到了复选框)。

所以我很遗憾地告诉你,你做不到。我会提供社交书签小部件或要求用户按CTRL + D为页面添加书签。

答案 1 :(得分:7)

找到Bookmarks API的扩展程序......

这段代码需要在后台页面的一个函数中:

chrome.bookmarks.create({'parentId': bookmarkBar.id,'title': 'Extension bookmarks'},
  function(newFolder) {
    console.log("added folder: " + newFolder.title);
});

然后必须调用这样的函数:

<a href="javascript:addfav()">Add to bookmarks</a>

答案 2 :(得分:2)

您在本主题顶部建议的书签代码仅适用于您使用JavaScript但不适用于某些网站,尤其是那些使用HTML的网站。我试图将它实现到我的Blogger博客中,但没有继承。但是,Chrome很容易处理javascript:window.print(),为什么Google不能像javascript:window.bookmark()那样创建句柄,这不会那么简单吗?

还有另一种方式。由于Google Bookmarks可用,请尝试使用

http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=bookmarklinkgoeshere&title=bookmarktitlegoeshere

如果您使用的是HTML而不是JavaScript。这样,您就可以将Google书签用作跨浏览器工具,而不是始终依赖Google Chrome处理程序API。相反,只需在Chrome上的书签栏上添加一个链接,即指向http://www.google.com/bookmarks的链接,这样您就可以创建新书签并打开现有书签。

请确保包含www,因为http://google.com/bookmarks根本不起作用。

答案 3 :(得分:0)

使用共享URL。这是您可用的参数:

  • import React from "react"; import Testing from "./components/Body/Testing" function App() { return ( <div className="App"> <Testing /> </div> ); } export default App; :保存您的URL。
  • import React, { Component } from 'react' export class Testing extends Component { constructor(props) { super(props); this.counter = 0; } render() { this.counter++; console.log('render ' + this.counter) return ( <div>Test</div> ) } } export default Testing :保留您的标题。
  • import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import * as serviceWorker from './serviceWorker'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); :保留您的文本。
  • bkmk:保存您的关键字或#标签。

URL:

title

如果您想与经常使用这些格式和API保持最新状态的项目保持联系,请查看我们! Github: Social Share URLs

Social Share URLs