- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
PhpStorm 中是否支持 AMP 项目(由 Google 提供)的自定义标签和属性?
例如 <amp-sidebar>
, <style amp-custom>
...
最佳答案
使用终端和 jq与 json validator ,我制作了一个有效放大器标签的提取器,以添加到 PhpStorm 自定义标签。
发电机
curl -s https://cdn.ampproject.org/v0/validator.json | jq --compact-output --raw-output '[.tags[].tagName] | unique | map(select(startswith("AMP-"))) | join(",") | ascii_downcase'
电流输出
amp-3d-gltf,amp-3q-player,amp-accordion,amp-action-macro,amp-ad,amp-ad-custom,amp-ad-exit,amp-addthis,amp-analytics,amp-anim,amp-animation,amp-apester-media,amp-app-banner,amp-audio,amp-auto-ads,amp-autocomplete,amp-base-carousel,amp-beopinion,amp-bind-macro,amp-bodymovin-animation,amp-brid-player,amp-brightcove,amp-byside-content,amp-call-tracking,amp-carousel,amp-connatix-player,amp-consent,amp-dailymotion,amp-date-countdown,amp-date-display,amp-date-picker,amp-delight-player,amp-embed,amp-embedly-card,amp-embedly-key,amp-experiment,amp-facebook,amp-facebook-comments,amp-facebook-like,amp-facebook-page,amp-fit-text,amp-font,amp-fx-flying-carpet,amp-geo,amp-gfycat,amp-gist,amp-google-assistant-assistjs-config,amp-google-assistant-inline-suggestion-bar,amp-google-assistant-voice-bar,amp-google-assistant-voice-button,amp-google-document-embed,amp-gwd-animation,amp-hulu,amp-iframe,amp-iframely,amp-ima-video,amp-image-lightbox,amp-image-slider,amp-img,amp-imgur,amp-inline-gallery,amp-inline-gallery-pagination,amp-inline-gallery-thumbnails,amp-instagram,amp-install-serviceworker,amp-izlesene,amp-jwplayer,amp-kaltura-player,amp-layout,amp-lightbox,amp-link-rewriter,amp-list,amp-list-load-more,amp-live-list,amp-mathml,amp-mega-menu,amp-megaphone,amp-minute-media-player,amp-mowplayer,amp-nested-menu,amp-next-page,amp-nexxtv-player,amp-o2-player,amp-onetap-google,amp-ooyala-player,amp-orientation-observer,amp-pan-zoom,amp-pinterest,amp-pixel,amp-playbuzz,amp-position-observer,amp-powr-player,amp-reach-player,amp-recaptcha-input,amp-redbull-player,amp-reddit,amp-render,amp-riddle-quiz,amp-script,amp-selector,amp-sidebar,amp-skimlinks,amp-smartlinks,amp-social-share,amp-soundcloud,amp-springboard-player,amp-state,amp-sticky-ad,amp-story,amp-story-360,amp-story-animation,amp-story-auto-ads,amp-story-auto-analytics,amp-story-bookend,amp-story-consent,amp-story-cta-layer,amp-story-grid-layer,amp-story-interactive-binary-poll,amp-story-interactive-poll,amp-story-interactive-quiz,amp-story-interactive-results,amp-story-page,amp-story-page-attachment,amp-story-page-outlink,amp-story-panning-media,amp-story-player,amp-story-social-share,amp-stream-gallery,amp-timeago,amp-truncate-text,amp-twitter,amp-user-notification,amp-video,amp-video-iframe,amp-vimeo,amp-vine,amp-viqeo-player,amp-vk,amp-web-push,amp-web-push-widget,amp-wistia-player,amp-yotpo,amp-youtube
PhpStorm 中的设置
File | Settings | Editor | Inspections > HTML > Invalid HTML tag
) 然后添加上面的输出。
关于phpstorm - PhpStorm 中的自定义 Google AMP 标签和属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41303163/
我正在关注 this关于在自己的网站中集成 Paypal 的教程。 例如,在页面中的第 3 步的第 20 行,我发现了这个: if (!isset($_POST["txn_id"]) &
amp-story 是否与 amp-access(或 amp-subscription)一起使用? 这里是 amp-access 的示例代码 { "authorization": "
我在一个主题中有几个非 AMP 页面。我的非 AMP 页面将在文章正文中包含指向同一主题中其他非 AMP 页面的链接。页面的 AMP 版本应该链接到同一主题中的其他 AMP 页面,还是文章中的所有链接
这是我正在尝试做的事情: 使用 google API 对邮政编码或城市和州进行地理定位。地址参数的值来自表单字段。 将地理线插入同一表单中的隐藏字段 提交表格。 我已经尝试使用 AMP-LIST 和
搜索控制台添加了一系列“引用的 AMP 网址不是 AMP”问题。 如果我使用 AMP Test我得到: 但是,当我 checkin https://validator.ampproject.org/时
更具体地说,您可以在未通过 AMP 验证的页面上使用 AMP 标记和代码吗? 用例:我想使我的网站完全使用 AMP,为此,我需要使用类似 on='tap:' 的东西对于我的下拉菜单和 用于跟踪,但我网
更具体地说,您可以在未通过 AMP 验证的页面上使用 AMP 标记和代码吗? 用例:我想使我的网站完全使用 AMP,为此,我需要使用类似 on='tap:' 的东西对于我的下拉菜单和 用于跟踪,但我网
如何使用 amp-list、amp-mustache、amp-form 和 amp-bind 实现自动建议? 想要为页内搜索实现自动建议 研究过这个Google example 希望autosugge
我想知道如何根据用户选择的选项获取文本内容并将其设置为amp-state。例如,如果用户选择“红色”选项。我想将“胭脂”设置为 amp-state 而不是“红色”。我知道我可以通过 setState
示例:- Open Iframe in Lightbox 我还尝试从顶部操纵 iFrame 的位置 75% 或 600px,但它也不起作用。 AMP iFr
我有一个名为 currentItem 的状态,其中包含 url、标题、描述...当我按下按钮时,currentItem 应保存在名为 myItems 的其他状态中。它将包含一个项目对象列表。 现在的问
我是 Azure SQL 数据库的新手(之前没有数据库经验),目前正在尝试从 microsoft learn 获得学位。我被困在这节课中,似乎无法弄清楚,但我认为这很容易。问题: PS /home/s
我正在尝试测试新的 amp-script 功能有多强大。但是,我收到此错误: Experiment "amp-script" is not enabled. log.js:187 "E
我在 AMP 结合 amp-state 和 amp-position-observe 时遇到问题。 { "visible": "n"
有 3 种方法可以将 AMP 与 PWA 结合起来(如 here 中所述): 具有 PWA 功能的 AMP 页面 AMP 作为 PWA 的入口点 AMP 作为 PWA 的数据源 在第一种和第三种方法中
我在 AMP 结合 amp-state 和 amp-position-observe 时遇到问题。 { "visible": "n"
我有一个 amp 故事,我需要从动态生成的 url 创建一个包含全屏视频的页面。在下面的第 2 页中,我直接使用 amp-video 组件呈现全屏,在第 3 页中,我使用 amp-list 提供视频
查看 AMP 规范,鉴于自定义样式元素依赖于 CSS 变量,这意味着当前的浏览器支持范围很窄。见:Can I use reference 我猜非自定义样式有一个“优雅的回退”,因为不理解 CSS 变量
我是 AMP 的新手。我有一个响应式网站,我需要在其主页上实现 AMP。是否可以使其与 AMP 兼容而不影响桌面 View ?或者我需要为 AMP 重写单独的代码? 最佳答案 您可以使用@media来
我在实现 amp-iframe 时在控制台中收到以下验证错误: Overflow element must be defined for resizable frames 有什么解决办法吗? 最佳答
我是一名优秀的程序员,十分优秀!