我使用的“添加到收藏夹”链接代码适用于Firefox,但不适用于Google Chrome扩展程序。我应该使用什么来创建添加到Chrome收藏夹/书签的链接
答案 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。