传递一线设计作品 ，推荐优秀设计师
相关文章推荐
【必看】近期爆发的3D max病毒特征情况和解决方案
近期大家在QQ群，朋友圈发现很多同行在作图时遇到了关闭3Dmax文件就自动保存，Ctrl+Z撤回崩溃等特殊情况。请立即重视，这就是现在一直疯传的3D max病毒，建E网也收到了很多反馈。3Dmax病毒波及很广，传播很快，已经影响到效果图行业的健康发展。因此，针对此次3Dmax病毒事件，建E网整理汇总目前常见病毒类型、特征以及应对方法，如下：目前行业流行的病毒样本据建E网所知道的大概是3种，并且都是通过模型传播，不排除感染源是由各类插件脚本引起，以后有新的毒源报告会更进。1代号：CRP号病毒【病毒特征】打开模型后删除灯光，材质替换为默认材质，劫持撤销导致崩溃，感染本地脚本。函数名以CRP开头命名。【执行过程】通过保存在模型中的全局回调，在打开模型的时候，将事先藏在模型里的代码写入脚本自启动目录的第一个.ms脚本，第一个脚本将作为宿主成为背锅者。【恶意程度】★★★☆☆分析暴露的代码内含有简单注册判定，可能为某插件注册程序。 【解决办法】1.将第一脚本启动目录startup里的第一个被感染脚本内代码删除，新建一个名为..ms的文件，并将其属性设置为只读；2.清除每个被感染场景的回调。2代号：ALC号病毒【病毒特征】打开模型后撤销奔溃，函数名以AutodeskLicSerStuckCleanBeta等模拟官方样式命名。 【执行过程】通过放置在特定模型里的脚本控制器，当用户选择物体时，向第二自启动目录startup写入文件，并且劫持撤销操作，并创建特定的模型，加入代码，隐藏自己，循环往复。 【恶意程度】★★★★☆分析暴露的代码全是恶意事件。 【解决办法】1.在第二自启动目录startup里，新建三个空文件，vrdematcleanbeta.ms ， vrdematcleanbeta.mse ， vrdematcleanbeta.msex，并将其属性设置为只读；2.清除辅助物体的脚本控制器，或将其直接删掉；3.清理场景回调。3代号：西山居号“病毒”【病毒特征】*：此病毒其实并非病毒，据说是金山公司（对，没错就是那个金山）某个游戏部的内部插件，可能用于结合3dmax与引擎的测试工作，每一步都需要交互传送数据。不知怎么流传出来了，导致复制物体时异常卡。 【执行过程】回调 【恶意程度】★★☆☆☆分析暴露的代码为游戏正常脚本。 【解决办法】1.3dmax根目录搜索propertyparameterslocal.mse，删掉他，重启MAX。<section class="" style="
box-sizing: border- "
如果你对以上的解决方法有什么疑问或者不是很能理解，小编也整理了一下更通俗易懂的方法：解决方法1：（如有多版本，需重复操作）将 “max病毒防御” 解压，内容复制替换到“C:\Users\你的用户名（也就是电脑用户名）\AppData\Local\Autodesk\3dsMax\2016- 64bit\CHS\scripts\startup”目录下即可。这样设置后，再当你打开一个带病毒的模型文件也不会被感染到3DMAX主程序了，可以随意撤回并不会崩溃，也不会自动保存，还你一个干净的3DMAX！注意当你打开一个病毒模型时，直接在本模型打开状态下重置的话，病毒还是会存在的，这时候请使用“清理max病毒.ms”插件清除最后的病毒。当你重新启动3DMAX后，将会是干净的，没有中毒的症状，检测插件会提示有病毒，但是请放心，你分享模型文件给其它人时，将不会感染到他的电脑。注：网上某些检测插件，在新电脑的max上打开空白文件仍会提示有病毒，所以请根据实际操作情况，再安装此类插件。解决方法2：（简单设置即可，但不推荐）打开max：自定义>首选项>MAXScript。取消勾选“启动下的"加载/保存场景脚本和“加载/保存全局常量”只作为应急方案处理，这样设置后什么病毒都可以防御！但是也可能有后遗症，可能会影响其他插件的正常使用（不建议使用）。作为模型资源平台，建E网也在第一时间联系了360安全卫士和欧特克官方，希望能得到官方的援助，在焦急的等待中，我们能做的，就是加强审核力度，保证网站每一个模型都不会感染病毒，避免被病毒制作者利用。至此，据第一批病毒受害者已过去2个多月，范围仍在扩大，如果大家发现其他病毒变种或病毒文件。请联系建E网，一同配合360官方防御病毒，制作应对措施。如果您已感染，无法用上述操作进行杀毒，请加入max病毒互助QQ群: 点击阅读原文下载max病毒查杀工具
今天看啥 - 让阅读更高品质
本文地址：
今天看啥 - 让阅读更高品质2333人阅读
转载类（14）
1. 摇一摇不够灵敏、摇动很多次没有响应的问题、
原来摇一摇代码是从网络Copy的，活动上线后，发现部分手机摇一摇监测效果不够灵敏，摇动很多次都没有响应，恨不得把手机砸了，于是优化。
原摇一摇代码：
&code class="hljs javascript has-numbering" style="display: padding: 0 color: box-sizing: border- font-family: 'Source Code Pro',font-size: white-space: border-radius: 0 word-wrap: background:"&&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& SHAKE_THRESHOLD = &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&800&/span&;
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& last_update = &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&0&/span&;
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& x = y = z = last_x = last_y = last_z = &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&0&/span&;
&span class="hljs-function" style="box-sizing: border-"&&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&function&/span& &span class="hljs-title" style="box-sizing: border-"&deviceMotionHandler&/span&&span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-"&(eventData)&/span& {&/span&
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& acceleration = eventData.accelerationIncludingG
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& curTime = &span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&new&/span& &span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&Date&/span&().getTime();
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&if&/span& ((curTime - last_update) & &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&500&/span&) {
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& diffTime = curTime - last_
last_update = curT
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& speed = &span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&Math&/span&.abs(x + y + z - last_x - last_y - last_z) / diffTime * &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&10000&/span&;
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&var&/span& status = document.getElementById(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"status"&/span&);
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&if&/span& (speed & SHAKE_THRESHOLD) {
alert(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&'摇一摇显示'&/span&);
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&if&/span&(window.DeviceMotionEvent) {
&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&// Mobile browser support motion sensing events&/span&
window.addEventListener(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&'devicemotion'&/span&, deviceMotionHandler, &span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-"&false&/span&);
} &span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&else&/span& {
&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&// Mobile browser does not support the motion sensing events&/span&
}&/code&&ul class="pre-numbering" style="box-sizing: border- position: width: 50 top: 0 left: 0 margin: 0 padding: 6px 0px 40 border-right-width: 1 border-right-style: border-right-color: rgb(221, 221, 221); list-style: text-align: background-color: rgb(238, 238, 238);"&&li style="box-sizing: border- padding: 0px 5"&1&/li&&li style="box-sizing: border- padding: 0px 5"&2&/li&&li style="box-sizing: border- padding: 0px 5"&3&/li&&li style="box-sizing: border- padding: 0px 5"&4&/li&&li style="box-sizing: border- padding: 0px 5"&5&/li&&li style="box-sizing: border- padding: 0px 5"&6&/li&&li style="box-sizing: border- padding: 0px 5"&7&/li&&li style="box-sizing: border- padding: 0px 5"&8&/li&&li style="box-sizing: border- padding: 0px 5"&9&/li&&li style="box-sizing: border- padding: 0px 5"&10&/li&&li style="box-sizing: border- padding: 0px 5"&11&/li&&li style="box-sizing: border- padding: 0px 5"&12&/li&&li style="box-sizing: border- padding: 0px 5"&13&/li&&li style="box-sizing: border- padding: 0px 5"&14&/li&&li style="box-sizing: border- padding: 0px 5"&15&/li&&li style="box-sizing: border- padding: 0px 5"&16&/li&&li style="box-sizing: border- padding: 0px 5"&17&/li&&li style="box-sizing: border- padding: 0px 5"&18&/li&&li style="box-sizing: border- padding: 0px 5"&19&/li&&li style="box-sizing: border- padding: 0px 5"&20&/li&&li style="box-sizing: border- padding: 0px 5"&21&/li&&li style="box-sizing: border- padding: 0px 5"&22&/li&&li style="box-sizing: border- padding: 0px 5"&23&/li&&li style="box-sizing: border- padding: 0px 5"&24&/li&&li style="box-sizing: border- padding: 0px 5"&25&/li&&li style="box-sizing: border- padding: 0px 5"&26&/li&&li style="box-sizing: border- padding: 0px 5"&27&/li&&li style="box-sizing: border- padding: 0px 5"&28&/li&&li style="box-sizing: border- padding: 0px 5"&29&/li&&li style="box-sizing: border- padding: 0px 5"&30&/li&&li style="box-sizing: border- padding: 0px 5"&31&/li&&li style="box-sizing: border- padding: 0px 5"&32&/li&&li style="box-sizing: border- padding: 0px 5"&33&/li&&/ul&
于是开始研究起上面的代码不够灵敏的原因，发现：
The device motion event is a superset of the devi it returns data about the rotation information and also acceleration information about the device. The acceleration data is returned in three axes: x, y and z. They are measured in meters
per second squared (m/s^2). Because some devices might not have the hardware to exclude the effect of gravity, the event returns two properties, accelerationIncludingGravity and acceleration, which excludes the effects of gravity, (when this is the case, the
acceleration data will be null)
原来HTML5对设备移动有两个加速度相关的数据：
&code class="hljs avrasm has-numbering" style="display: padding: 0 color: box-sizing: border- font-family: 'Source Code Pro',font-size: white-space: border-radius: 0 word-wrap: background:"& // Grab the acceleration from the results
var acceleration = eventData&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.acceleration&/span&&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
info = xyz&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.replace&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"X"&/span&, acceleration&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.x&/span&)&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
info = info&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.replace&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"Y"&/span&, acceleration&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.y&/span&)&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
info = info&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.replace&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"Z"&/span&, acceleration&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.z&/span&)&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
document&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.getElementById&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"moAccel"&/span&)&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.innerHTML&/span& = info&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
// Grab the acceleration including gravity from the results
acceleration = eventData&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.accelerationIncludingGravity&/span&&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
info = xyz&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.replace&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"X"&/span&, acceleration&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.x&/span&)&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
info = info&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.replace&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"Y"&/span&, acceleration&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.y&/span&)&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
info = info&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.replace&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"Z"&/span&, acceleration&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.z&/span&)&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&
document&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.getElementById&/span&(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"moAccelGrav"&/span&)&span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-"&.innerHTML&/span& = info&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&;&/span&&/code&&ul class="pre-numbering" style="box-sizing: border- position: width: 50 top: 0 left: 0 margin: 0 padding: 6px 0px 40 border-right-width: 1 border-right-style: border-right-color: rgb(221, 221, 221); list-style: text-align: background-color: rgb(238, 238, 238);"&&li style="box-sizing: border- padding: 0px 5"&1&/li&&li style="box-sizing: border- padding: 0px 5"&2&/li&&li style="box-sizing: border- padding: 0px 5"&3&/li&&li style="box-sizing: border- padding: 0px 5"&4&/li&&li style="box-sizing: border- padding: 0px 5"&5&/li&&li style="box-sizing: border- padding: 0px 5"&6&/li&&li style="box-sizing: border- padding: 0px 5"&7&/li&&li style="box-sizing: border- padding: 0px 5"&8&/li&&li style="box-sizing: border- padding: 0px 5"&9&/li&&li style="box-sizing: border- padding: 0px 5"&10&/li&&li style="box-sizing: border- padding: 0px 5"&11&/li&&li style="box-sizing: border- padding: 0px 5"&12&/li&&li style="box-sizing: border- padding: 0px 5"&13&/li&&/ul&
于是，优化后代码如下：
&code class="hljs lasso has-numbering" style="display: padding: 0 color: box-sizing: border- font-family: 'Source Code Pro',font-size: white-space: border-radius: 0 word-wrap: background:"&&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&var&/span& SHAKE_THRESHOLD &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&300&/span&,
last_update &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&0&/span&,
x &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& y &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& z &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& last_x &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& last_y &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& last_z &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&0&/span&,
function deviceMotionHandler(eventData) {
&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&var&/span& acceleration &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& eventData&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&.&/span&accelerationIncludingG
&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&var&/span& curTime &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& &span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-"&new&/span& &span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&Date&/span&()&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&.&/span&getTime();
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&if&/span& ((curTime &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&-&/span& last_update) &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&&&/span& &span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&500&/span&) {
&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&//多次移动事件中取两个点的事件间隔&/span&
&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&var&/span& diffTime &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& curTime &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&-&/span& last_
last_update &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& curT
x &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& acceleration&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&.&/span&x;
y &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& acceleration&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&.&/span&y;
z &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& acceleration&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&.&/span&z;
&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&//var speed = Math.abs(x + y + z - last_x - last_y - last_z) / (diffTime * 1000);&/span&
&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&//主要优化点1:原来的计算方式把x、y、z三方向的移动有可能会互相干扰。比如x往真方向，y往负方向，就互相抵消了。&/span&
&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&var&/span& dist &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& Math&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&.&/span&sqrt((x&span class="hljs-attribute" style="box-sizing: border-"&-last_x&/span&)&span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&*&/span&(x&span class="hljs-attribute" style="box-sizing: border-"&-last_x&/span&)&span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&+&/span&(y&span class="hljs-attribute" style="box-sizing: border-"&-last_y&/span&)&span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&*&/span&(y&span class="hljs-attribute" style="box-sizing: border-"&-last_y&/span&)&span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&+&/span&(z&span class="hljs-attribute" style="box-sizing: border-"&-last_y&/span&)&span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&*&/span&(z&span class="hljs-attribute" style="box-sizing: border-"&-last_y&/span&))
&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&var&/span& speed &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span& dist/diffTime&span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&*&/span&&span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-"&10000&/span&;
&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&//优化点2:摇动速度测试调整，达到最优&/span&
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&if&/span& (speed &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&&&/span& SHAKE_THRESHOLD) {
&span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-"&//摇一摇灵敏度&/span&
alert(&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&'摇一摇显示'&/span&);
last_x &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span&
last_y &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span&
last_z &span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-"&=&/span&
&/code&&ul class="pre-numbering" style="box-sizing: border- position: width: 50 top: 0 left: 0 margin: 0 padding: 6px 0px 40 border-right-width: 1 border-right-style: border-right-color: rgb(221, 221, 221); list-style: text-align: background-color: rgb(238, 238, 238);"&&li style="box-sizing: border- padding: 0px 5"&1&/li&&li style="box-sizing: border- padding: 0px 5"&2&/li&&li style="box-sizing: border- padding: 0px 5"&3&/li&&li style="box-sizing: border- padding: 0px 5"&4&/li&&li style="box-sizing: border- padding: 0px 5"&5&/li&&li style="box-sizing: border- padding: 0px 5"&6&/li&&li style="box-sizing: border- padding: 0px 5"&7&/li&&li style="box-sizing: border- padding: 0px 5"&8&/li&&li style="box-sizing: border- padding: 0px 5"&9&/li&&li style="box-sizing: border- padding: 0px 5"&10&/li&&li style="box-sizing: border- padding: 0px 5"&11&/li&&li style="box-sizing: border- padding: 0px 5"&12&/li&&li style="box-sizing: border- padding: 0px 5"&13&/li&&li style="box-sizing: border- padding: 0px 5"&14&/li&&li style="box-sizing: border- padding: 0px 5"&15&/li&&li style="box-sizing: border- padding: 0px 5"&16&/li&&li style="box-sizing: border- padding: 0px 5"&17&/li&&li style="box-sizing: border- padding: 0px 5"&18&/li&&li style="box-sizing: border- padding: 0px 5"&19&/li&&li style="box-sizing: border- padding: 0px 5"&20&/li&&li style="box-sizing: border- padding: 0px 5"&21&/li&&li style="box-sizing: border- padding: 0px 5"&22&/li&&li style="box-sizing: border- padding: 0px 5"&23&/li&&li style="box-sizing: border- padding: 0px 5"&24&/li&&li style="box-sizing: border- padding: 0px 5"&25&/li&&li style="box-sizing: border- padding: 0px 5"&26&/li&&li style="box-sizing: border- padding: 0px 5"&27&/li&&li style="box-sizing: border- padding: 0px 5"&28&/li&&li style="box-sizing: border- padding: 0px 5"&29&/li&&li style="box-sizing: border- padding: 0px 5"&30&/li&&li style="box-sizing: border- padding: 0px 5"&31&/li&&/ul&
参考链接：
2.页面报WARNING:The devicemotion event is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS.
上面的 devicemotion发现会报如上警告，查了一些资料，目前木有办法解决，除非切换到https。
3. ERROR: Uncaught (in promise) DOMException: The element has no supported sources.错误
原来的插入audio的源码如下, 播放音频的时候在浏览器和调试器的debug环境会报如上错误，但是不影响iPhone等手机的使用
&code class="hljs coffeescript has-numbering" style="display: padding: 0 color: box-sizing: border- font-family: 'Source Code Pro',font-size: white-space: border-radius: 0 word-wrap: background:"&
id=&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"audio"&/span& src=&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"http://awp.qq.com/act/alive/shake_sound_male.mp3"&/span&&
&span class="hljs-reserved" style="box-sizing: border-"&function&/span& playOrPaused() {
&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&console&/span&.log(&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&typeof&/span& audio);
&span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-"&console&/span&.log(&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&typeof&/span& audio.paused);
&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&if&/span& (audio.paused) {
audio.play(); &span class="hljs-regexp" style="color: rgb(0, 136, 0); box-sizing: border-"&//&/span&&span class="hljs-attribute" style="box-sizing: border- color: rgb(0, 136, 0);"&ERROR&/span&:Uncaught (&span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&in&/span& promise) &span class="hljs-attribute" style="box-sizing: border- color: rgb(0, 136, 0);"&DOMException&/span&: The element has &span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-"&no&/span& supported sources.
}&/code&&ul class="pre-numbering" style="box-sizing: border- position: width: 50 top: 0 left: 0 margin: 0 padding: 6px 0px 40 border-right-width: 1 border-right-style: border-right-color: rgb(221, 221, 221); list-style: text-align: background-color: rgb(238, 238, 238);"&&li style="box-sizing: border- padding: 0px 5"&1&/li&&li style="box-sizing: border- padding: 0px 5"&2&/li&&li style="box-sizing: border- padding: 0px 5"&3&/li&&li style="box-sizing: border- padding: 0px 5"&4&/li&&li style="box-sizing: border- padding: 0px 5"&5&/li&&li style="box-sizing: border- padding: 0px 5"&6&/li&&li style="box-sizing: border- padding: 0px 5"&7&/li&&li style="box-sizing: border- padding: 0px 5"&8&/li&&li style="box-sizing: border- padding: 0px 5"&9&/li&&li style="box-sizing: border- padding: 0px 5"&10&/li&&li style="box-sizing: border- padding: 0px 5"&11&/li&&/ul&
查阅相关资料发现audio可以支持两种方式设置src，如下：
1. Permitted content: If the element has a src attribute: zero or more &track& elements, followed by transparent content that contains no media elements — that is, no &audio& or &video& elements.
2. Else: zero or more &source& elements, followed by zero or more &track& elements, followed by transparent content that contains no media elements, that is no &audio& or &video& elements.
并且:src嵌入的音频的URL。 该URL应遵从 HTTP access controls. 这是一个可选属性；你可以在audio元素中使用 元素来替代该属性指定嵌入的音频。
于是改成第二种方案，解决问题，如下：
&code class="hljs applescript has-numbering" style="display: padding: 0 color: box-sizing: border- font-family: 'Source Code Pro',font-size: white-space: border-radius: 0 word-wrap: background:"&
&audio &span class="hljs-property" style="box-sizing: border-"&id&/span&=&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"audio"&/span&&
&source src=&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"http://ossweb-img.qq.com/images/lol/m/act/alive/shake_sound_male.mp3"&/span& type=&span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-"&"audio/mpeg"&/span&&
Your browser &span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&does&/span& &span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&not&/span& support &span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-"&the&/span& audio tag.
&/audio&&/code&}