使用 DevTools 在网站上运行脚本答案

【问题标题】：Run scripts on websites using DevTools使用 DevTools 在网站上运行脚本
【发布时间】：2018-08-12 05:01:14
【问题描述】：

如果我在一个网站上，例如在 YouTube 上，我如何使用 DevTools (ctrl + shift + i) 运行脚本以...保持视频的标题移动？或者类似的东西。

当我在 youtube 上时，我可以使用 DevTools 更改视频的标题、删除“播放”按钮或更改某些内容的颜色，然后继续浏览页面而不会出现问题。我想运行一个脚本（很简单），我写道：

<script> 
   function a () {alert ("test)} </script>

并创建了一个按钮： <button id =" but1 "type =" button "onclick =" a()> button </button> 当我点击时，什么也没发生。当我创建按钮时，它立即出现，但脚本从未“创建”。 如何使用 DevTools 向不属于我的网站添加脚本？

【问题讨论】：

使用 DevTools 运行脚本重要吗？
是的，很重要的@U-ways
使用 Chrome 扩展程序运行脚本怎么样？
?你能给我更多的信息吗？谢谢@U-ways

标签： javascript html google-chrome-devtools

【解决方案1】：

在https://www.danielcrabtree.com/blog/25/gotchas-with-dynamically-adding-script-tags-to-html，您可以找到一种异步添加和执行javascript 的方法。具体可以在控制台中编写如下代码：

var newScript = document.createElement("script");
var inlineScript = document.createTextNode("function a() {alert('test');}");
newScript.appendChild(inlineScript); 
document.body.appendChild(newScript);

希望对你有帮助

【讨论】：