正文

如何在浏览器中使用 twitter-text

 2023-03-28  20

关键词：

【中文标题】如何在浏览器中使用 twitter-text【英文标题】：How do I use twitter-text in a browser 【发布时间】：2021-12-03 02:36:34 【问题描述】：

我想计算推文长度。 Twitter 让这变得非常非常困难。

他们有这个 repo：https://github.com/twitter/twitter-text，其中包含这个文件夹：https://github.com/twitter/twitter-text/tree/master/js，据说它支持 javascript。

当我尝试使用这样的 cdn 中的脚本时：https://www.jsdelivr.com/package/npm/twitter-text

上面写着require is not defined

我不明白我应该做什么。如果是用于 javascript，为什么还要使用 require？

【问题讨论】：

因为它是为 node.js 设计的，而您正在尝试从浏览器中使用它。我不认为你可以使用这样的脚本。按照他们的指示。你需要使用模块打包器（webpack？rollup？我不确定JS生态系统现在使用什么......）为浏览器编译你的代码。 js/pkg/twitter-text-3.1.0.js 可能无需打包程序或 npm 即可工作 【参考方案1】：

index.js

window.twitter = require('./twitter-text-3.1.0.min.js');

browserify index.js -o twitter-text-js.js

现在可以在浏览器中运行输出文件并使用全局 twitter 访问。

（或直接在此处下载预打包版本：https://gist.github.com/skeddles/3841236279efebf053dfa39dfdbae2c2#file-twitter-text-js-js）

【讨论】：

如何在世博会的网络浏览器中使用 sessionStorage

】如何在世博会的网络浏览器中使用sessionStorage【英文标题】：HowcanIusesessionStorageinwebbrowseronexpo【发布时间】：2020-08-3019:08:21【问题描述】：我想在expo-web开发中使用sessionStorage。如何使用expo访问基于浏览器的存储？【问题讨论... 查看详情

如何在浏览器中使用带有普通手柄的手柄助手？

】如何在浏览器中使用带有普通手柄的手柄助手？【英文标题】：HowcanIusehandlebars-helpersinbrowserwithnormalhandlebarsjs?【发布时间】：2017-10-1921:06:30【问题描述】：我刚开始使用handlebarsjs，发现了handlebars-helpers：https://github.com/helpers/han... 查看详情

如何在浏览器中手动使用 sqlmap 有效负载？

】如何在浏览器中手动使用sqlmap有效负载？【英文标题】：Howtousesqlmappayloadinbrowsermanually?【发布时间】：2017-11-2905:05:11【问题描述】：当我们使用sqlmap时，它会自动执行所有操作以查找网站的sqlinjection。我感兴趣的是我直接在浏... 查看详情

如何使用 JavaScript 在 Web 浏览器中查找尺寸 [重复]

】如何使用JavaScript在Web浏览器中查找尺寸[重复]【英文标题】：HowtofindthedimensionsinsideofawebbrowserusingJavaScript[duplicate]【发布时间】：2015-06-2609:01:27【问题描述】：您如何使用JavaScript在网络浏览器（而不是计算机的窗口）内找到尺... 查看详情

如何使用 python 和 Selenium 将 cookie 保存在浏览器中

】如何使用python和Selenium将cookie保存在浏览器中【英文标题】：HowtogetcookiessavedinbrowserwithpythonandSelenium【发布时间】：2021-10-0608:11:19【问题描述】：我要使用浏览器中已经存在的cookie并在Selenium中使用它，我知道你不能只使用Seleni... 查看详情

如何在 C++ 中使用 WinINet API 在默认浏览器中打开 URL？

】如何在C++中使用WinINetAPI在默认浏览器中打开URL？【英文标题】：HowtoopenaURLindefaultbrowserusingWinINetAPIinC++?【发布时间】：2021-12-1714:48:53【问题描述】：我正在研究一个C++身份验证代码，它需要在浏览器上打开一个URL以输入OTP，问... 查看详情

我们如何在 Web 浏览器中使用 AWS Kinesis？

】我们如何在Web浏览器中使用AWSKinesis？【英文标题】：HowcanweuseAWSKinesisinawebbrowser?【发布时间】：2016-08-0401:42:59【问题描述】：我对@987654321@很感兴趣，想知道是否可以使用它将用户的活动日志直接从浏览器发送到AWS。AWS提... 查看详情

如何使用 jQuery 在浏览器中禁用工具提示？

】如何使用jQuery在浏览器中禁用工具提示？【英文标题】：HowtodisabletooltipinthebrowserwithjQuery?【发布时间】：2010-11-0421:26:34【问题描述】：有没有办法在将鼠标悬停在填充了“标题”属性的元素上时禁用浏览器工具提示？请注意，... 查看详情

如何在浏览器中添加 jQuery 以使用 javascript 进行测试 [关闭]

】如何在浏览器中添加jQuery以使用javascript进行测试[关闭]【英文标题】：HowtoaddjQueryinbrowserfortestingusingjavascript[closed]【发布时间】：2021-08-1515:43:16【问题描述】：如何在浏览器中添加jQuery进行测试。使用javascript默认情况下未启用... 查看详情

如何使用 Javascript/JQuery 在移动浏览器中限制点运算符（'.'）

】如何使用Javascript/JQuery在移动浏览器中限制点运算符（\\\'.\\\'）【英文标题】：Howtorestrictdotoperator(\'.\')inmobilebrowserusingJavascript/JQuery如何使用Javascript/JQuery在移动浏览器中限制点运算符（\'.\'）【发布时间】：2017-02-2212:14:18【问... 查看详情

如何在我的普通浏览器中使用 selenium

】如何在我的普通浏览器中使用selenium【英文标题】：howcanIuseseleniumwithmynormalbrowser【发布时间】：2014-09-2100:01:06【问题描述】：是否可以将selenium连接到我通常使用的浏览器而不是驱动程序？对于正常浏览，我使用带有几个插件... 查看详情

如何在浏览器中拍照并使用http协议上传？

】如何在浏览器中拍照并使用http协议上传？【英文标题】：Howtotakeapictureinabrowseranduploaditwithhttpprotocol?【发布时间】：2019-04-2801:01:20【问题描述】：我想从相机中捕捉照片并将其上传到服务器。我的目标环境是用于Hololens的EDGE浏... 查看详情

如何使用 javascript 在浏览器中显示 PDF 字节数组？

】如何使用javascript在浏览器中显示PDF字节数组？【英文标题】：HowtodisplayaPDFbytearrayinbrowserusingjavascript?【发布时间】：2021-11-2117:30:36【问题描述】：我一直在尝试下面的客户端代码来呈现从服务器端返回的PDF字节数组。它在浏览... 查看详情

如何使用 Antd 在网页/浏览器中居中登录表单？

】如何使用Antd在网页/浏览器中居中登录表单？【英文标题】：Howtocenterloginforminwebpage/browserusingAntd?【发布时间】：2019-05-2514:31:29【问题描述】：电流输出：<Rowtype="flex"justify="center"align="center"><Colspan=4><formonSubmit=handleSub... 查看详情

如何在所有浏览器中使用 input type=date

】如何在所有浏览器中使用inputtype=date【英文标题】：Howtouseinputtype=dateinallbrowsers【发布时间】：2014-05-0410:04:25【问题描述】：日期输入表单是使用创建的<formmethod=\'post\'action=\'saveform\'>Enterdate<inputtype=\'date\'value=\'2014-03-26\'n... 查看详情

在 React Router 中，使用浏览器历史推送时如何传递路由参数？

】在ReactRouter中，使用浏览器历史推送时如何传递路由参数？【英文标题】：InReactRouter,howdoyoupassrouteparameterswhenusingbrowserhistorypush?【发布时间】：2016-12-0508:25:08【问题描述】：使用较新版本的ReactRouter，如果使用browserHistory.push()... 查看详情

使用 Laravel php 刀片后，如何让数据显示在浏览器中？ [关闭]

】使用Laravelphp刀片后，如何让数据显示在浏览器中？[关闭]【英文标题】：HowdoyougetyourdatatoshowinyourbrowseronceusingLaravelphpblade?[closed]【发布时间】：2022-01-1722:19:15【问题描述】：我的表格在浏览器中显示了我的信息，并让它迭代了1... 查看详情

如何使用 javascript 在浏览器中显示 PDF 流

】如何使用javascript在浏览器中显示PDF流【英文标题】：HowtodisplayaPDFstreaminabrowserusingjavascript【发布时间】：2012-04-0801:46:21【问题描述】：我正在使用jquery的ajax方法访问现有的WCFWeb服务（它将PDF作为字节流返回）。当对服务的调... 查看详情