如何让Chrome查看源代码中的Line wrap始终保持勾选状态？

嘿，这个问题我之前也折腾过，Chrome本身确实没给咱们提供一个直接的全局设置来默认开启查看源代码时的自动换行，但有几个实用的办法能解决这个痛点：

方法一：通过Chrome开发者工具设置（针对DevTools的Sources面板） #

如果你平时习惯用开发者工具的Sources面板看代码，这个方法最直接：

• 按下F12或者Ctrl+Shift+I打开开发者工具，点击右上角的齿轮⚙️图标进入设置
• 在左侧菜单找到Sources选项，勾选里面的Wrap long lines选项
  这样之后，每次打开DevTools的Sources面板，代码都会自动换行，不用再手动勾选啦。

方法二：用用户脚本搞定独立的“查看页面源代码”窗口 #

要是你常右键选择“查看页面源代码”打开独立窗口，上面的设置就管不到了，这时候可以用Tampermonkey这类用户脚本工具来自动勾选：

1. 先安装Tampermonkey插件（Chrome应用商店就能找到）
2. 点击插件图标，新建一个用户脚本，把下面的代码粘贴进去：

// ==UserScript==
// @name         Chrome View Source Auto Wrap
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Auto enable line wrap in Chrome's view source page
// @author       You
// @match        chrome://view-source/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const wrapCheckbox = document.querySelector('#wrap-checkbox');
    if (wrapCheckbox && !wrapCheckbox.checked) {
        wrapCheckbox.click();
    }
})();

保存之后，每次打开Chrome的“查看页面源代码”窗口，脚本都会自动帮你勾选Line wrap的复选框，省心不少。

小技巧 #

如果你经常需要查看代码，不妨把DevTools固定在浏览器窗口里（点击DevTools右上角的三个点，选择“Dock to main window”），这样每次打开都会保持你设置的换行状态，操作起来更顺手。

备注：内容来源于stack exchange，提问作者Saeed Neamati