使用 HTML <iframe> 标签嵌入

随时将我们的小部件嵌入您的网站

在您的网站上放置代码片段时，请记住移动设备上的小部件的宽度应尽可能大。如果小部件的宽度小于最小 300 像素，将显示一个按钮以将访问者重定向到我们的网站。
当用户提交表单时，他们将被重定向到我们主机上的结果页面。
您必须注意告知用户有关 cookie 的使用，因为它们对于网站的功能是必需的。
每页不应放置一个以上的小部件。在同一页面上放置多个小部件会降低页面速度和用户体验。
小部件应仅放置在页面内容中。将小部件放在侧边栏上是不可接受的。

小部件可以翻译成以下语言：

语	culture-slug
英语	en

更改小部件中的语言时，根据此模板更改 iframe 的源：

https://pc-builds.com/{culture-slug}/embed/{widget-type} // For example {culture-slug} is replaced with "es" for Spanish

瓶颈计算器

使用此代码嵌入我们的瓶颈计算器。

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-bottleneck-calculator");
        if(e.data[0] == 'setFrameHeight-bottleneck-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/zh/embed/bottleneck-calculator" 
    id="pc-builds-bottleneck-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

预习

每秒帧数计算器

使用此代码嵌入我们的每秒帧数计算器。

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-fps-calculator");
        if(e.data[0] == 'setFrameHeight-fps-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/zh/embed/fps-calculator" 
    id="pc-builds-fps-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

预习

游戏瓶颈计算器

使用此代码嵌入我们的游戏瓶颈计算器。

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-games-bottleneck-calculator");
        if(e.data[0] == 'setFrameHeight-games-bottleneck-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/zh/embed/games-bottleneck-calculator" 
    id="pc-builds-games-bottleneck-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

预习

电源单元计算器

使用此代码嵌入我们的电源单元计算器。

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-psu-calculator");
        if(e.data[0] == 'setFrameHeight-psu-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/zh/embed/psu-calculator" 
    id="pc-builds-psu-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

预习

比较处理器

使用此代码嵌入处理器比较视图。

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-compare-processors");
        if(e.data[0] == 'setFrameHeight-compare-processors') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/zh/embed/compare-processors" 
    id="pc-builds-compare-processors" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

预习

比较显卡

使用此代码嵌入视图以进行图形卡比较。

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-compare-graphic-cards");
        if(e.data[0] == 'setFrameHeight-compare-graphic-cards') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/zh/embed/compare-graphic-cards" 
    id="pc-builds-compare-graphic-cards" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>