对在HTML代码中没有链接地址，它的地址是由前端js执行生成的地址，常见于文件下载，多分辨率图片。

支持什么样的动态链接？

• 由标签属性值拼接成的链接地址

<h2>HTML代码</h2>
<a class=“downloadFile” href="javascript:;" data-fileid="文件名.zip">点击下载</a>

• 当点击 点击下载 按钮时，下载地址是由data-fileid="文件名.zip"的 文件名.zip 拼接的，比如拼接后的地址为：http://www.demo.com/files/文件名.zip

如何配置

以上面的代码举例子

• 查询标签：.downloadFile
• 替换处理：不用填
• 标签属性：data-fileid
• 拼接前缀：htp://www.demo.com/files/
• 拼接后缀：不用填

替换处理

这类对img:srcset动态生成不同图片大小

<h2>根据不同分辨率，js动态加载不同图片大小，srcset里是一个数组，包含支持的图片大小</h2>
<img class="image" data-path="/files/20220603/image-" data-imageWidth="[180,320,640,800]" />

渲染后图片地址可能为
<img class="image" src="/files/20220603/image-180.jpg" />
<img class="image" src="/files/20220603/image-320.jpg" />
<img class="image" src="/files/20220603/image-640.jpg" />
<img class="image" src="/files/20220603/image-800.jpg" />

类似这类设置： 替换前：/image- 替换后：/image-180.jpg|/image-320.jpg|/image-640.jpg|/image-800.jpg

替换后参数多个地址使用‘ | 分隔

• 通过上述处理，得到4组图片地址，分别为

http://www.demo.com/files/20220603/image-180.jpg
http://www.demo.com/files/20220603/image-320.jpg
http://www.demo.com/files/20220603/image-640.jpg
http://www.demo.com/files/20220603/image-800.jpg

局限性

• 目前不支持多参数拼接，目前仅支持一个参数拼接。
• 更复杂的参数处理问题。