选车中心
汽车大全
汽车报价
汽车排行
汽车百科
对比工具
购车计算
触 屏 版
原创scriptable 小组件宝马代码
汽车江湖网
2024-06-01 19:36:31
小编体验
【汽车江湖-最新车闻】
(.*?)<\/title>/;</p>
<p>const title = regex.exec(html)[1];</p>
<p>Script.setShortcutOutput(title);</p>
<p>```</p>
<p>代码的第一行使用了Request对象，从宝马中国的官网获取了网页内容。第二行使用了正则表达式，通过匹配网页标题的标签，获取了官网的标题内容。第三行将获取到的标题内容设置为了小组件的输出，可以在桌面上直接查看。</p>
<p>接着，我们可以对代码进行一些修改和优化。例如，我们可以将代码中的“宝马中国”改为其他国家或地区的宝马官网，以获取不同的信息。我们还可以添加一些样式和布局，美化小组件的界面。</p>
<p>总之，Scriptable小组件的代码实现非常灵活，可以根据个人的需求和喜好进行自定义。通过Scriptable社区，我们还可以分享和下载其他用户编写的小组件，为我们的iOS设备增添更多的实用功能和美好体验。</p>
</div>
<div class="page"></div>
<div class="copy" id="copy"></div>
<style type="text/css">
.bm-list-item {
margin: 30px 5px 0;
overflow: hidden;
font-size: 14px;
}
.bm-list-item a {
display: block;
}
.bm-list-img {
float: left;
}
.bm-list-img img {
width: 150px;
height: 100px;
}
.bm-list-info {
float: right;
width: 500px;
}
.bm-list-info h3 {
margin-top: -10px;
height: 40px;
line-height: 40px;
overflow: hidden;
font-size: 16px;
}
.bm-list-des {
height: 20px;
line-height: 20px;
color: #999;
}
.bm-list-info p {
height: 50px;
line-height: 25px;
overflow: hidden;
}
</style>
<div class="cwcs-news-side" style="margin-bottom:40px; width:auto;">
<div class="cwcs-news-side-title"><span>相关文章</span></div>
<div class="bm-list">
<div class="bm-list-item">
<a href="http://chexian.qc188.com/114342687.html">
<div class="bm-list-img"><img src="/11/common/images/2yjd3muea9.jpg" />
</div>
<div class="bm-list-info">
<h3>别克君越换电瓶断电怎样复位</h3>
<div class="bm-list-des">2024-06-01 19:36:31</div>
<p>别克君越换电瓶断电怎样复位...[详细]</p>
</div>
</a>
</div>
<div class="bm-list-item">
<a href="http://chexian.qc188.com/114342688.html">
<div class="bm-list-img"><img src="/11/common/images/i1xez7j6vb.jpg" />
</div>
<div class="bm-list-info">
<h3>什么牌子的平衡机好</h3>
<div class="bm-list-des">2024-06-01 19:36:31</div>
<p>什么牌子的平衡机好...[详细]</p>
</div>
</a>
</div>
<div class="bm-list-item">
<a href="http://chexian.qc188.com/114342689.html">
<div class="bm-list-img"><img src="/11/common/images/cuv39rhk10.jpg" />
</div>
<div class="bm-list-info">
<h3>汽车加装尾翼报备流程</h3>
<div class="bm-list-des">2024-06-01 19:36:31</div>
<p>汽车加装尾翼报备流程...[详细]</p>
</div>
</a>
</div>
<div class="bm-list-item">
<a href="http://chexian.qc188.com/114342690.html">
<div class="bm-list-img"><img src="/11/common/images/o28ebyu10m.jpg" />
</div>
<div class="bm-list-info">
<h3>路虎发现优惠20万</h3>
<div class="bm-list-des">2024-06-01 19:36:31</div>
<p>路虎发现优惠20万...[详细]</p>
</div>
</a>
</div>
<div class="bm-list-item">
<a href="http://chexian.qc188.com/114342691.html">
<div class="bm-list-img"><img src="/11/common/images/cvkj5om2lp.jpg" />
</div>
<div class="bm-list-info">
<h3>奔驰车A200报价及图片</h3>
<div class="bm-list-des">2024-06-01 19:36:31</div>
<p>奔驰车A200报价及图片...[详细]</p>
</div>
</a>
</div>
<div class="bm-list-item">
<a href="http://chexian.qc188.com/114342692.html">
<div class="bm-list-img"><img src="/11/common/images/qzb8ojh0vl.jpg" />
</div>
<div class="bm-list-info">
<h3>从丽江到香格里拉</h3>
<div class="bm-list-des">2024-06-01 19:36:31</div>
<p>从丽江到香格里拉...[详细]</p>
</div>
</a>
</div>
<div class="bm-list-item">
<a href="http://chexian.qc188.com/114342693.html">
<div class="bm-list-img"><img src="/11/common/images/sl2fmnp4vi.jpg" />
</div>
<div class="bm-list-info">
<h3>汽车中音喇叭哪个牌子音质好</h3>
<div class="bm-list-des">2024-06-01 19:36:31</div>
<p>汽车中音喇叭哪个牌子音质好...[详细]</p>
</div>
</a>
</div>
</div>
</div>
<style type="text/css">
.dealer-newslist {
clear: both;
padding: 10px 0;
font-size: 1.2em;
}
.dealer-newslist a {
color: #0066cc;
}
.dealer-newslist div {
position: relative;
padding-left: 10px;
line-height: 36px;
}
.dealer-newslist span {
position: absolute;
right: 10px;
color: #999;
}
</style>
</div>
</div>
<div class="right_wrapper">
<style type="text/css">
.cwcs-news-side {
float: right;
width: 280px;
}
.cwcs-news-side-title {
position: relative;
height: 50px;
line-height: 50px;
border-bottom: 5px solid #d2d2d2;
font-size: 18px;
}
.cwcs-news-list-title a {
text-decoration: none;
}
.cwcs-news-side-title span {
position: absolute;
top: 0;
left: 0;
padding: 0 .35em;
border-bottom: 5px solid #2980b9;
}
.cwcs-news-side ul {
margin-top: 13px;
}
.cwcs-news-side li {
height: 34px;
line-height: 34px;
overflow: hidden;
font-size: 14px;
}
.cwcs-news-side li span {
font-family: '宋体';
}
</style>
<div class="cwcs-news-side">
<div class="cwcs-news-side-title"><span>最新文章</span></div>
<ul>
<li><a href="http://chexian.qc188.com/112427388.html" title="昆明七彩俊园几点关门啊"><span>·</span>昆明七彩俊园几点关门啊</a></li>
<li><a href="http://chexian.qc188.com/112513791.html" title="西宁到西安飞机多长时间"><span>·</span>西宁到西安飞机多长时间</a></li>
<li><a href="http://chexian.qc188.com/112572375.html" title="长安发动机皮带怎么装图片"><span>·</span>长安发动机皮带怎么装图片</a></li>
<li><a href="http://chexian.qc188.com/112597043.html" title="gs8新款预售价"><span>·</span>gs8新款预售价</a></li>
<li><a href="http://chexian.qc188.com/112697723.html" title="空间大的suv有哪几款"><span>·</span>空间大的suv有哪几款</a></li>
<li><a href="http://chexian.qc188.com/112714464.html" title="探岳330两驱豪华版怎么样"><span>·</span>探岳330两驱豪华版怎么样</a></li>
<li><a href="http://chexian.qc188.com/112723096.html" title="倒车后视辅助线随车动"><span>·</span>倒车后视辅助线随车动</a></li>
<li><a href="http://chexian.qc188.com/112788074.html" title="汽车喷漆视频全过程教程"><span>·</span>汽车喷漆视频全过程教程</a></li>
<li><a href="http://chexian.qc188.com/112804000.html" title="日产骐达性价比高的是哪一款"><span>·</span>日产骐达性价比高的是哪一款</a></li>
<li><a href="http://chexian.qc188.com/112805191.html" title="二手车过户费计算器"><span>·</span>二手车过户费计算器</a></li>
<li><a href="http://chexian.qc188.com/112427388.html" title="换驾驶证到哪里换"><span>·</span>换驾驶证到哪里换</a></li>
<li><a href="http://chexian.qc188.com/112513791.html" title="上海车展2023年车展地点"><span>·</span>上海车展2023年车展地点</a></li>
<li><a href="http://chexian.qc188.com/112572375.html" title="2020欧蓝德越野测试视频"><span>·</span>2020欧蓝德越野测试视频</a></li>
<li><a href="http://chexian.qc188.com/112597043.html" title="劳斯莱斯最便宜的一辆车是哪一款"><span>·</span>劳斯莱斯最便宜的一辆车是哪一款</a></li>
<li><a href="http://chexian.qc188.com/112697723.html" title="奥迪a8车身抖是什么原因"><span>·</span>奥迪a8车身抖是什么原因</a></li>
<li><a href="http://chexian.qc188.com/112714464.html" title="改装的车怎么过年检"><span>·</span>改装的车怎么过年检</a></li>
<li><a href="http://chexian.qc188.com/112723096.html" title="一汽大货车价格及图片"><span>·</span>一汽大货车价格及图片</a></li>
<li><a href="http://chexian.qc188.com/112788074.html" title="北京车辆单双号限行尾号"><span>·</span>北京车辆单双号限行尾号</a></li>
<li><a href="http://chexian.qc188.com/112804000.html" title="奥迪派克峰贵还是劳斯莱斯幻影贵"><span>·</span>奥迪派克峰贵还是劳斯莱斯幻影贵</a></li>
<li><a href="http://chexian.qc188.com/112805191.html" title="防盗门锁芯安全等级分类"><span>·</span>防盗门锁芯安全等级分类</a></li>
<li><a href="http://chexian.qc188.com/112723096.html" title="倒车后视辅助线随车动">倒车后视辅助线随车动</a></li>
<li><a href="http://chexian.qc188.com/112788074.html" title="汽车喷漆视频全过程教程">汽车喷漆视频全过程教程</a></li>
<li><a href="http://chexian.qc188.com/112804000.html" title="日产骐达性价比高的是哪一款">日产骐达性价比高的是哪一款</a></li>
<li><a href="http://chexian.qc188.com/112805191.html" title="二手车过户费计算器">二手车过户费计算器</a></li>
<li><a href="http://chexian.qc188.com/112818444.html" title="换驾驶证到哪里换">换驾驶证到哪里换</a></li>
<li><a href="http://chexian.qc188.com/112888401.html" title="上海车展2023年车展地点">上海车展2023年车展地点</a></li>
<li><a href="http://chexian.qc188.com/112892919.html" title="2020欧蓝德越野测试视频">2020欧蓝德越野测试视频</a></li>
<li><a href="http://chexian.qc188.com/112908666.html" title="劳斯莱斯最便宜的一辆车是哪一款">劳斯莱斯最便宜的一辆车是哪一款</a></li>
<li><a href="http://chexian.qc188.com/112925993.html" title="奥迪a8车身抖是什么原因">奥迪a8车身抖是什么原因</a></li>
<li><a href="http://chexian.qc188.com/112984674.html" title="改装的车怎么过年检">改装的车怎么过年检</a></li>
<li><a href="http://chexian.qc188.com/112994630.html" title="一汽大货车价格及图片">一汽大货车价格及图片</a></li>
<li><a href="http://chexian.qc188.com/113020729.html" title="北京车辆单双号限行尾号">北京车辆单双号限行尾号</a></li>
<li><a href="http://chexian.qc188.com/113112099.html" title="奥迪派克峰贵还是劳斯莱斯幻影贵">奥迪派克峰贵还是劳斯莱斯幻影贵</a></li>
<li><a href="http://chexian.qc188.com/113174344.html" title="防盗门锁芯安全等级分类">防盗门锁芯安全等级分类</a></li>
<li><a href="http://chexian.qc188.com/113203063.html" title="宝骏510车钥匙配一把多少钱">宝骏510车钥匙配一把多少钱</a></li>
<li><a href="http://chexian.qc188.com/113251707.html" title="模拟飞行2022">模拟飞行2022</a></li>
<li><a href="http://chexian.qc188.com/113253829.html" title="新科鲁兹1.5自动挡">新科鲁兹1.5自动挡</a></li>
<li><a href="http://chexian.qc188.com/113269781.html" title="车子搭铁是什么意思">车子搭铁是什么意思</a></li>
<li><a href="http://chexian.qc188.com/113282942.html" title="电池能量为什么用kwh">电池能量为什么用kwh</a></li>
<li><a href="http://chexian.qc188.com/113300060.html" title="公交车报废车收购价格">公交车报废车收购价格</a></li>
<li><a href="http://chexian.qc188.com/113309356.html" title="现代ix35新款">现代ix35新款</a></li>
<li><a href="http://chexian.qc188.com/113467303.html" title="蔚来ET7芯片">蔚来ET7芯片</a></li>
<li><a href="http://chexian.qc188.com/113486913.html" title="这几天坐飞机回去会被传染吗">这几天坐飞机回去会被传染吗</a></li>
<li><a href="http://chexian.qc188.com/113521401.html" title="比亚迪f0换60ah电瓶教程">比亚迪f0换60ah电瓶教程</a></li>
<li><a href="http://chexian.qc188.com/113694662.html" title="滴滴车主司机端6112下载">滴滴车主司机端6112下载</a></li>
<li><a href="http://chexian.qc188.com/113695146.html" title="骑电动车违章罚款不交会怎么样">骑电动车违章罚款不交会怎么样</a></li>
<li><a href="http://chexian.qc188.com/113745949.html" title="4k赛车李承京汽车沙龙">4k赛车李承京汽车沙龙</a></li>
<li><a href="http://chexian.qc188.com/113833840.html" title="专业轮毂修复翻新">专业轮毂修复翻新</a></li>
<li><a href="http://chexian.qc188.com/114026022.html" title="自主车品牌质量排行榜">自主车品牌质量排行榜</a></li>
<li><a href="http://chexian.qc188.com/114076374.html" title="帕萨特有四驱的吗">帕萨特有四驱的吗</a></li>
<li><a href="http://chexian.qc188.com/114228087.html" title="ofo押金是99还是199">ofo押金是99还是199</a></li>
<li><a href="http://chexian.qc188.com/114272634.html" title="海口站停车场收费标准">海口站停车场收费标准</a></li>
<li><a href="http://chexian.qc188.com/114279259.html" title="北京地铁视频mad">北京地铁视频mad</a></li>
<li><a href="http://chexian.qc188.com/114292751.html" title="佳宝v70配件大全店">佳宝v70配件大全店</a></li>
</ul>
</div>
</div>
<style type="text/css">
html {
_background: url(about:blank);
}
.right_wrapper {
position: relative;
float: right;
}
.main .rightdiv {
float: none;
overflow: hidden;
}
.cwcs-news-side {
position: relative;
float: none;
}
</style>
</div>
<script type="text/javascript" language="javascript">
function doClick_rec(o) {
o.className = "on";
var j;
var id;
var e;
for (var i = 1; i <= 4; i++) {
id = "nav_rec" + i;
j = document.getElementById(id);
e = document.getElementById("sub_rec" + i);
if (id != o.id) {
j.className = "off";
e.style.display = "none";
} else {
e.style.display = "block";
}
}
}
</script>
<style type="text/css">
#footer {
padding: 20px 0;
background: #666;
color: #fff;
font-size: 14px;
font-family: 'Microsoft Yahei';
text-align: center;
}
#footer a {
color: #fff;
}
#footer p {
margin: 10px 0;
}
</style>
<div style="clear:both;"></div>
<div id="footer">
<p>汽车江湖网 版权所有 | Copyright 2010-2023 qc188.com, All Rights Reserved 京ICP备12029030号</p>
</div>
<script>
const nlistAll = document.querySelectorAll('.btn')
const carHeight = document.querySelector('.car').offsetHeight
const end = document.querySelector('.end')
end.style.height = carHeight + "px"
window.onresize = () => {
const carHeight = document.querySelector('.car').offsetHeight
end.style.height = carHeight + "px"
}
nlistAll.forEach(item => {
item.addEventListener('click', (e) => {
console.log(item.parentNode.children.length);
item.parentNode.style.height = (item.parentNode.children.length + 4) * e.target.offsetHeight + 'px';
})
item.addEventListener('mouseout', (e) => {
item.parentNode.style.height = '14vw'
})
})
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?69ca96184c524bd4385679802fd7bf8d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://tj.xjb4441.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '6']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</body>
</html>
Scriptable是一款iOS设备上的脚本编写工具，可以通过JavaScript语言编写自己的小组件。在Scriptable社区中，有一款名为“宝马”的小组件备受欢迎。下面我们来了解一下宝马小组件的代码实现。
首先，在Scriptable应用中创建一个新的脚本。在代码编辑器中，输入以下代码：
```
const req = new Request('https://bmw.com.cn');
const html = await req.loadString();
const regex = /