用于打开 URL 的 Google Apps 脚本
Posted
技术标签:
【中文标题】用于打开 URL 的 Google Apps 脚本【英文标题】：Google Apps Script to open a URL 【发布时间】：2012-05-31 11:11:24 【问题描述】：有没有办法编写一个谷歌应用程序脚本，以便在运行时打开第二个浏览器窗口到 www.google.com（或我选择的其他网站）？
我正在尝试解决我之前的问题： Can I add a hyperlink inside a message box of a Google Apps spreadsheet
【问题讨论】：
【参考方案1】：此函数无需额外的用户交互即可打开一个 URL。
/**
* Open a URL in a new tab.
*/
function openUrl( url )
var html = HtmlService.createHtmlOutput('<html><script>'
+'window.close = function()window.setTimeout(function()google.script.host.close(),9);'
+'var a = document.createElement("a"); a.href="'+url+'"; a.target="_blank";'
+'if(document.createEvent)'
+' var event=document.createEvent("MouseEvents");'
+' if(navigator.userAgent.toLowerCase().indexOf("firefox")>-1)window.document.body.append(a)'
+' event.initEvent("click",true,true); a.dispatchEvent(event);'
+'else a.click() '
+'close();'
+'</script>'
// Offer URL as clickable link in case above code fails.
+'<body style="word-break:break-word;font-family:sans-serif;">Failed to open automatically. <a href="'+url+'" target="_blank" onclick="window.close()">Click here to proceed</a>.</body>'
+'<script>google.script.host.setHeight(40);google.script.host.setWidth(410)</script>'
+'</html>')
.setWidth( 90 ).setHeight( 1 );
SpreadsheetApp.getUi().showModalDialog( html, "Opening ..." );
此方法通过创建一个临时对话框来工作，因此它不适用于无法访问 UI 服务的上下文，例如脚本编辑器或自定义 G 表格公式。
【讨论】：
@MaxMakhrov 确实如此！我刚刚用修复更新了代码。似乎程序化点击在 Firefox 中一直存在问题，但现在脚本可靠地显示 Firefox 中的“无法打开”回退并为用户提供工作链接。 斯蒂芬，我不遵循上面的脚本。当我运行它时，它会进入一个错误页面，提示找不到 URL。您能否发布一个可以打开 google.com 之类网站的代码示例？ @PY_ 你可以将任何你想要的 URL 传递给函数。要打开 google.com，请包含上述脚本，然后调用openUrl( 'https://google.com' );
@StephenM.Harris - 当您将 SpreadsheetApp 替换为 DocumentApp 时，它会打开两个新窗口（相同的 url）。关于如何修复它的任何建议？我正在尝试限制我的 Google Doc 插件中的范围。
@PY_，我也遇到了同样的问题，你需要在 url 的开头加上http://，然后就可以了【参考方案2】：
您可以构建一个小型 UI 来完成这样的工作：
function test()
showURL("http://www.google.com")
//
function showURL(href)
var app = UiApp.createApplication().setHeight(50).setWidth(200);
app.setTitle("Show URL");
var link = app.createAnchor('open ', href).setId("link");
app.add(link);
var doc = SpreadsheetApp.getActive();
doc.show(app);
如果您想“显示”网址，只需像这样更改此行：
var link = app.createAnchor(href, href).setId("link");
编辑：link to a demo spreadsheet in 只读，因为太多人一直在上面写不需要的东西（只需复制一份以代替使用）。
编辑：Google 已于 2014 年 12 月 11 日弃用 UiApp，此方法随时可能中断，需要更新以改用 HTML 服务！
编辑： 下面是一个使用 html 服务的实现。
function testNew()
showAnchor('***','http://***.com/questions/tagged/google-apps-script');
function showAnchor(name,url)
var html = '<html><body><a href="'+url+'" target="blank" onclick="google.script.host.close()">'+name+'</a></body></html>';
var ui = HtmlService.createHtmlOutput(html)
SpreadsheetApp.getUi().showModelessDialog(ui,"demo");
【讨论】：
查看编辑，我添加了一个示例电子表格向您展示应该使用它。 抱歉回复慢。示例电子表格处于仅查看模式，因此它不允许我进入脚本编辑器。但是，由于某种原因，现在上面的脚本可以工作了。感谢您的帮助！ 信息：另见这篇文章：***.com/questions/18151564/… 对于那些在 2018 年或以后查看此内容的人，上述解决方案不再有效。请参阅斯蒂芬 M 哈里斯的回答。自撰写此评论之日起生效。 对不起，这不是真的，新版本作为 EDIT 工作，它使用 HTMLService。【参考方案3】：确实不需要按照赏金答案中的建议创建自定义点击事件，也不需要按照已接受答案中的建议显示网址。
window.open(url)1 会自动打开网页而无需用户交互，前提是禁用弹出窗口拦截器（就像 Stephen 的 answer 一样）
openUrl.html
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<script>
var url1 ='https://***.com/a/54675103';
var winRef = window.open(url1);
winRef ? google.script.host.close() : window.alert('Allow popup to redirect you to '+url1) ;
window.onload=function()document.getElementById('url').href = url1;
</script>
</head>
<body>
Kindly allow pop ups</br>
Or <a id='url'>Click here </a>to continue!!!
</body>
</html>
code.gs：
function modalUrl()
SpreadsheetApp.getUi()
.showModalDialog(
HtmlService.createHtmlOutputFromFile('openUrl').setHeight(50),
'Opening ***'
)
【讨论】：
【参考方案4】：Google Apps 脚本不会自动打开网页，但它可用于显示带有链接、按钮的消息，用户可以点击这些按钮打开所需的网页，甚至可以使用 Window object 和类似的方法addEventListener() 打开网址。
值得注意的是，UiApp 现在已被弃用。来自Class UiApp - Google Apps Script - Google Developers
已弃用。 UI 服务是deprecated on December 11, 2014。到 创建用户界面，请改用HTML service。
HTML 服务链接页面中的示例非常简单，
代码.gs
// Use this code for Google Docs, Forms, or new Sheets.
function onOpen()
SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
.createMenu('Dialog')
.addItem('Open', 'openDialog')
.addToUi();
function openDialog()
var html = HtmlService.createHtmlOutputFromFile('index')
.setSandboxMode(HtmlService.SandboxMode.IFRAME);
SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
.showModalDialog(html, 'Dialog title');
index.html 的自定义版本，用于显示两个超链接
<a href='http://***.com' target='_blank'>Stack Overflow</a>
<br/>
<a href='http://meta.***.com/' target='_blank'>Meta Stack Overflow</a>
【讨论】：
window.open(url, "_blank") 可用于打开网页。【参考方案5】：基于前面的示例，我认为有一种更简洁的方法。在您的项目中创建一个index.html 文件并使用上面的斯蒂芬代码，只需将其转换为 HTML 文档。
<!DOCTYPE html>
<html>
<base target="_top">
<script>
function onSuccess(url)
var a = document.createElement("a");
a.href = url;
a.target = "_blank";
window.close = function ()
window.setTimeout(function()
google.script.host.close();
, 9);
;
if (document.createEvent)
var event = document.createEvent("MouseEvents");
if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1)
window.document.body.append(a);
event.initEvent("click", true, true);
a.dispatchEvent(event);
else
a.click();
close();
function onFailure(url)
var div = document.getElementById('failureContent');
var link = '<a href="' + url + '" target="_blank">Process</a>';
div.innerHtml = "Failure to open automatically: " + link;
google.script.run.withSuccessHandler(onSuccess).withFailureHandler(onFailure).getUrl();
</script>
<body>
<div id="failureContent"></div>
</body>
<script>
google.script.host.setHeight(40);
google.script.host.setWidth(410);
</script>
</html>
然后，在您的 Code.gs 脚本中，您可以有类似以下的内容，
function getUrl()
return 'http://whatever.com';
function openUrl()
var html = HtmlService.createHtmlOutputFromFile("index");
html.setWidth(90).setHeight(1);
var ui = SpreadsheetApp.getUi().showModalDialog(html, "Opening ..." );
【讨论】：
我试过这个例子。几天前它工作得很好。今天我运行它时，它只打开对话框，但不会在新选项卡中打开外部 url。我的浏览器中是否有某些设置出错？ @shanti 你有没有想过这个问题？似乎类似的东西突然停止了对我的工作：***.com/questions/10744760/… @Ryan 是的，这与我的 Chrome 设置或某些 Chrome 扩展程序有关。我不得不将 Chrome 设置恢复到原来的默认值，并且它起作用了。我也在此链接中设置了答案：***.com/questions/65265727/… @shanti 谢谢。我也想出了一个解决方案，我在我的评论中提到过。【参考方案6】：我喜欢@Stephen M. Harris 的回答，直到最近才对我有用。我不知道为什么stopped working。
2021-09-01 现在对我有用的方法：
function openUrl( url )
Logger.log('openUrl. url: ' + url);
const html = `<html>
<a id='url' href="$url">Click here</a>
<script>
var winRef = window.open("$url");
winRef ? google.script.host.close() : window.alert('Configure browser to allow popup to redirect you to $url') ;
</script>
</html>`;
Logger.log('openUrl. html: ' + html);
var htmlOutput = HtmlService.createHtmlOutput(html).setWidth( 250 ).setHeight( 300 );
Logger.log('openUrl. htmlOutput: ' + htmlOutput);
SpreadsheetApp.getUi().showModalDialog( htmlOutput, `openUrl function in generic.gs is now opening a URL...` ); // https://developers.google.com/apps-script/reference/base/ui#showModalDialog(Object,String) Requires authorization with this scope: https://www.googleapis.com/auth/script.container.ui See https://developers.google.com/apps-script/concepts/scopes#setting_explicit_scopes
https://developers.google.com/apps-script/reference/base/ui#showModalDialog(Object,String) 需要此范围的授权：https://www.googleapis.com/auth/script.container.ui 请参阅https://developers.google.com/apps-script/concepts/scopes#setting_explicit_scopes
【讨论】：
看起来类似于my answer 如何修改以将单元格 A2 中的数据包含到 URL 中，例如在 A2 中运行谷歌搜索数据 它对我有用。这种解决方法非常好而且非常容易。另一个解决方案对我不起作用。此外，您必须创建一个新的 HTML 文件。如果您创建一个 HTML 文件，我会遇到“找不到函数错误”以上是关于用于打开 URL 的 Google Apps 脚本的主要内容，如果未能解决你的问题，请参考以下文章
Google Apps 脚本在 Javascript 中获取 iFrame 的父 URL
如何使用 Google Apps 脚本创建/更改具有给定 Meet URL 的 Google 日历活动？
从 Google Apps 脚本上的 URL 获取文件 ID 的最简单方法