如何将chrome扩展功能移植到移动设备(特别是jquery和trello）

How to port chrome extension functionality to mobile (Specifically jquery and trello)?

本文关键字：特别是 jquery trello 移动 chrome 扩展 功能      更新时间：2023-09-26

我为trello构建了一个非常方便的chrome扩展，它允许我将明文列表复制到剪贴板，但由于某种原因，这还不是一件事。一切都很顺利，我想把它分发给我的队友，因为我们通过松弛和短信交流，但在trello上组织起来。

我突然想到，我的几个队友主要在手机上使用trello，而向非会员发送列表的能力将比打开笔记本电脑更方便。

我很清楚chrome mobile在可预见的未来不会允许扩展，我的团队不想仅仅为了一个简单的"通电"就为trello商务舱买单在那之前，有什么方法可以为移动设备上的网络应用程序添加功能/注入javascript吗

您可以使用javascript:协议编写bookmarklet。这就是我在移动Safari中为相当简单的东西所做的。您只需在有问题的页面上单击bookmarklet即可执行一些JavaScript。例如：

var script = document.getElementById('script');
var loader = document.getElementById('loader');
function update(){
  loader.textContent = (
    encodeURIComponent(`!function(){var d,s=(d=document).createElement('script');s.src="${encodeURI(decodeURI(script.value))}";d.head.appendChild(s)}()`)
  );
}
script.addEventListener('update', update);
update();
input {
  width: 200px;
}
textarea {
  width: 100%;
  height: 50px;
}
<a href="javascript:alert('Hello%20World')">Hello World</a>
<br/>
<input id="script" value="https://pastebin.com/raw/gxCbGimA"/>
<br/>
<a href="javascript:!function()%7Bvar%20d%2Cs%3D(d%3Ddocument).createElement('script')%3Bs.src%3Dd.getElementById('script').value%3Bd.head.appendChild(s)%7D()">Run Script</a>
<br/>
<textarea id="loader"></textarea>

记录在案，以下是脚本：

alert("Hello World");

!function(){
  var d,s=(d=document).createElement('script');
  s.src=d.getElementById('script').value;
  d.head.appendChild(s)
}()

您可以将这样的链接保存为移动书签，以便在单击时执行。

答案是：不，您不能在移动设备中插入或修改页面。目前，你唯一的选择是制作一个android应用程序和另一个iOS应用程序。使用Cordova编写javascript应用程序的任务比你想象的要容易。

来源：我是Trello扩展的Plus（和Android应用程序：）

的制造商

Firefox for Android支持扩展，并且至少有一些扩展可以启用用户脚本功能，例如USI。

相关文章：