【AI绘画】-【fooocus】-【200+风格测试】

fooocus是很好的AI绘图工具，自从装好后画了不少图，都很喜欢。

希望能为每个风格跑一张默认的图，跑完所有风格，了解一下，涨涨见识。

于是写了下面一段 JS ，作用是可以控制 foocus 界面遍历所有风格，每个风格画一张图，在控制台简单调试了一下，可以运行； 

```

var i = 0

style_list = document.querySelector("#component-22").querySelectorAll("input")

const observer = new MutationObserver((mutationsRecord)=>{

    console.log('第' + i + '次DOM元素变化;' + new Date())

    console.log(mutationsRecord)

    if (i < 0 || i >= style_list.length) {

        // 全部风格都画完了可退出监听

        observer.disconnect()

        console.log('第' + i + '次;全部风格都画完了,退出监听;' + new Date())

    } else if (!document.querySelector("#component-10").disabled) {

        // 点击生成按钮

        document.querySelector("#component-10").click()

        // 游标自增

        i = i + 1

        // 切换风格

        style_list[i].parentElement.click()

        console.log('END style_list[i].checked = true ;第' + i + '次切换风格' + new Date())

        

    }

}

)

observer.observe(document.querySelector("#component-10"), {

    attributes: true,

    childList: true,

    subtree: true

})

document.querySelector("#component-10").click()

```

效果是这样的

可以看到每张图的风格字段 style 已经不同，整个过程是自动执行的。

我已经把笔记本放到空气净化器上开跑了，GPU 温度稳在 60 度上下。

原理是监听生成按钮，如果灰变白了，说明上一张图画完了，切风格画下一张，直到遍历完所有的风格后停止监听。