创建App Extension项目

Question

我正在尝试复制“ window.location.href”，例如我的扩展程序中当前页面到剪贴板的URL。

我的问题是，当我将URL复制到剪贴板时，复制的是扩展名URL，而不是我要访问的页面。

扩展栏：

<!DOCTYPE HTML>
<html>
    <head>
        <button onclick="copyFunction();">Copy</button>
        <script type="text/javascript">
          function copyFunction() {
          var inputDump = document.createElement('input'),
              hrefText = window.location.href;
          document.body.appendChild(inputDump);
          inputDump.value = hrefText;
          inputDump.select();
          document.execCommand('copy');
          document.body.removeChild(inputDump);
          }
        </script>
    </head>
</html>

据我了解，解决方案应该是这样，但我担心如何进行仍然太笨拙：https://developer.apple.com/documentation/safariservices/safari_app_extensions/passing_messages_between_safari_app_extensions_and_injected_scripts

这是我（尝试）通过创建global.html页面和注入的脚本进行操作的方式。

全局页面：

<!DOCTYPE HTML>
<script>
    safari.application.addEventListener("command", copyFunction, false);

    function copyFunctionEvent(event) {
        if (event.command == "CopyToClipboard") {
            safari.application.activeBrowserWindow.activeTab.page.dispatchMessage("CopyToClipboard", "all");

    }
}
</script>

已插入脚本：

function myextension_openAll(event){
    if (event.name == 'CopyToClipboard'){         
       function copyFunction() {
       var inputDump = document.createElement('input'),
           hrefText = window.location.href;
       document.body.appendChild(inputDump);
       inputDump.value = hrefText;
       inputDump.select();
       document.execCommand('copy');
       document.body.removeChild(inputDump);
       }

}
safari.self.addEventListener("message", myextension_openAll, true);

实际： safari-extension：//com.myextension-0000000000/abc123/extensionbar.html

预期： http://www.google.com（例如，如果当前标签页）

Answer 1

从上面的代码（扩展栏html）中，您似乎在编写旧版Safari扩展名（.safariextz），并且已弃用该扩展名。参见What’s New in Safari and WebKit" session on WWDC18

我建议您按照以下过程将代码重写到Safari应用扩展中，该过程可以用Swift编写。我不确定为什么在您的代码中将错误的URL复制到剪贴板，但是重写代码可以解决此问题。

创建App Extension项目

按照[文件]-> [新建]-> [项目...]创建应用程序扩展，然后在Xcode上选择[Safari扩展应用程序]。项目模板包含菜单栏实现的示例。

通过单击菜单栏按钮复制location.href

当您单击菜单栏按钮时，以下代码将添加功能以复制location.href。

只需将其粘贴到SafariExtensionHandler.swift中即可。

class SafariExtensionHandler: SFSafariExtensionHandler {

    override func messageReceived(withName messageName: String, from page: SFSafariPage, userInfo: [String : Any]?) {

        // WHen injected script calls safari.extension.dispatchMessage, the message will come here

        guard let href = userInfo?["href"] as? String else { return }

        // Save href to clipboard
        NSPasteboard.general.clearContents()
        NSPasteboard.general.setString(href, forType: .string)
    }

    override func toolbarItemClicked(in window: SFSafariWindow) {
        // Request injected script a message to send location.href
        window.getActiveTab { currentTab in
            currentTab!.getActivePage { currentPage in
                currentPage!.dispatchMessageToScript(withName: "getHref", userInfo: nil)
            }
        }
    }
}

并按如下方式注入脚本（script.js）。

safari.self.addEventListener("message", function(event) {
  console.log("event received");
  safari.extension.dispatchMessage("sendHref", { "href": location.href });
});

工作示例

在此处完成工作代码，这可能对您的工作有所帮助。祝你好运：）

https://github.com/horimislime/safari-extension-menubar-example

将window.location.href从扩展名复制到剪贴板

1 个答案:

创建App Extension项目

通过单击菜单栏按钮复制location.href

工作示例