控制台提示需避免使用document.write()，Browser-sync问题如何解决？

你遇到的是Browser-sync自动注入的客户端脚本使用了document.write()方法，导致浏览器控制台弹出避免使用该方法的提示。以下是几种可行的解决办法：

• 升级Browser-sync到最新版本
  新版本的Browser-sync可能已经修复了这个问题，直接通过包管理器更新即可：

  npm update browser-sync --save-dev
  

• 修改Browser-sync配置，替换注入方式
  在你的Browser-sync配置文件（比如bs-config.js）里，添加injectMethod配置项，指定用append方式注入脚本，替代document.write()：

  module.exports = {
    injectMethod: 'append'
  };
  

  这个配置会让Browser-sync通过appendChild()方法把客户端脚本插入到页面中，规避浏览器的提示。

• 手动引入客户端脚本（可选）
  如果不想让工具自动注入脚本，可以手动把Browser-sync的客户端脚本标签加到HTML里：

  <script async src="/browser-sync/browser-sync-client.js?v=2.27.11"></script>
  

  然后在配置里关闭自动注入功能：

  module.exports = {
    injectChanges: false
  };
  

内容的提问来源于stack exchange，提问作者QresT