「技巧分享」从 Emacs 刷新 Chrome 标签页,测试 JS 代码

刚开始跟 MDN 教程学 JavaScript,目前的方法是新建一个 HTML 文件,用 Chrome 打开来测试:

<!-- array-join.html -->
<script>
  function assert(a, b) {
      if (a !== b) {
          alert(`${a} !== ${b}`);
      }
  }

  const letters = ["a", "b", "c"];
  assert("a,b,c", letters.join());
  assert("a, b, c", letters.join(", "));

  console.log("hello");
</script>

每次都需要先切回 Chrome 刷新,网上搜了个 AppleScript 自动刷新 Chrome 标签页,封装成 Emacs 命令,方便测试代码:

(defun chunyang-chrome-reload-tab ()
  "Reload the active tab in Chrome."
  (interactive)
  (do-applescript
   ;; http://blog.viktorkelemen.com/2012/05/reload-active-tab-in-chrome-with.html
   "tell application \"Google Chrome\" to reload active tab of window 0"))

(define-key js-mode-map (kbd "C-c C-c") #'chunyang-chrome-reload-tab)
4赞

感觉在mac下,applescript可以实现很多奇技淫巧啊,想简单的学一下,有没有什么教程推荐?

这个会用node起一个web server然后每当有文件改动,server会用web socket通知页面刷新。不过要用它会带来一个问题是,你需要成为一个入门级的「webpack配置工程师」(which may be hard)

头一次看到apple script的语法,感觉不错啊。 为什么没火一下

同样是 AppleScript 小白,以前尝试过学习,教程大多都老旧,AppleScript 语法较随意,反而难以学习,而且 AppleScript 貌似没什么前景,现在应该可以用 JavaScript 替代它。

你这一句话里不只 webpack,就连 node 和 websocket 我也不完全清楚是什么。Web 开发,特别是 JavaScript,相关的技术、工具也太多了吧。

https://browsersync.io/

不知道这个是不是符合你需要的,简单使用.

js也可以操作系统的行为吗?

头一次看到有人觉得 apple script 语法不错的。

前几个月前跟着 MDN 学点前端的东西时,这两个包帮大忙了

1赞

同样推荐这两包

嘛,毕竟很 自然语言,连 document 都叫做 dictionary

结果程序员学不会,普通人也学不会,:woman_shrugging:t2:

你这个使用场景不同,webpack实际开发中很有用,但你的修改和实际开发的项目没有管理,webpack是不会触发更新的