security concerns if using html data-* attribute for l10n?

Q: 1.) Is this browser compatible?

Yes, for all browsers supporting jQuery data(). jQuery is generally supported by most modern browsers.

Q: 2) Are there any security concern to be aware of as compared to using wp_localize_script?

wp_localize_script() is mainly doing the same but it’s keeping the data on the serverside and not within the DOM.

As always, making use of javascript and interacting with the DOM has security implications. You need to follow the rules to properly en- and de-code any arbitrary data safely so that injections can not introduce unintended behaviour.

Related Posts:

  1. How to remove hardcoded characters from playlists?
  2. Conditionally loading JavaScript based on the Advanced Custom Fields in the post
  3. Understanding WordPress child theme custom JS loading
  4. Use different javascript files for each page on website
  5. Trigger popup in a php if/else statement
  6. How to prevent XSS alter custom global javascript object & methods in WordPress
  7. I have a problem in the order of enqueues while enqueuing stylesheets and scripts for a specific page in my function.php
  8. Need Help Fixing My Iframes [closed]
  9. Menu jumping when calling it via PHP
  10. How to add API security keys into JS of wordpress securely
  11. wp_nav_menu not working correctly in my underscores theme
  12. Ajax URLs without #!, how to prevent falling into single.php on load or reload?
  13. How to extend SelectControl with data from my theme
  14. $.ajax results in 403 forbidden
  15. register dependency css and js inside a plugin class
  16. Collapsible menu on post sidebar only expands and does not collapse
  17. How to send Ajax Call from frontend without using wp_localize_script in Theme
  18. Retrieve $_POST data to send to javascript without using localize script
  19. Function to return true if current page has child pages
  20. Combine CSS and JS files from plugins
  21. How to call a PHP function from Javascript in WordPress
  22. How to get the registered sidebar’s name by its id?
  23. is there a simple way to list every templates / php files used to generate a specific page?
  24. Security – Ajax and Nonce use [closed]
  25. Nice scroll to wordpress
  26. Dynamically loaded Theme components based on Customizer Settings values : changes not appearing in Customizer preview – (Workaround found)
  27. How to create filterable portfolio in WordPress?
  28. How do I list the_tags() into HTML data-attribute
  29. Uncaught TypeError: Cannot read property ‘firstChild’ of null after upgrading to WordPress 5.5
  30. Using Font Awesome as post thumbnail
  31. How to display something in a div when the user clicks on a text in another div – no page refresh [closed]
  32. admin-ajax.php responding with 0
  33. How can the plugin directory path be returned into ?
  34. Deregistering a script in WordPress seems impossible
  35. custom shortcode will not display the wrapped content
  36. How to prevent those PHP variables from being cached on WordPress?
  37. Show post in slider
  38. How can I use a modal window to display the current post in loops featured image?
  39. Using a variable in is_page(array())
  40. Anyway to output the registration form like the login form with wp_login_form()?
  41. Where to edit the template that is generating the code for dynamic_sidebar left-sidebar in the Understrap theme? [closed]
  42. get_the_tags() not iterating through for/while loop, but will with foreach
  43. How to pass aa JS variable to PHP?
  44. Image upload via FormData API and AJAX is not working ($_FILES always empty)
  45. post created but no permalink
  46. Catchable fatal error: Object of class stdClass could not be converted to string after WP 4.7
  47. wp attempt focus, disabling without touching core
  48. Is there a way to conditionally check whether a WordPress post title is empty?
  49. How to optimize the IF condition with many conditions and same output [closed]
  50. Use WordPress function in php file
  51. admin-ajax Firing Error 400 When Logged In
  52. Jquery window.send_to_editor function
  53. Why in my theme I can’t see all the statics content under the posts?
  54. Theme not calling Jquery properly
  55. How to add drag and drop functionalities to a div inside option panel
  56. how to prevent wordpress admin from logging in via woocommerce my-account page
  57. Double Curly Brackets in Php
  58. Get post categories
  59. How to change logo by category
  60. Submitting a form, using Ajax, to run a SQL Select query based on user input from the form
  61. Output only links using wp_nav_menu()
  62. How to add aria role and schema markup to custom walker container
  63. jQuery accordion menu
  64. Run JS Code on userlog out
  65. How to correctly load a different version of main menu based on the user language in WordPress? Is it a good solution?
  66. Trying to change featured image from 180×180 to full width on home page
  67. Remove the Tag from wp_nav_menu
  68. PHP variables in a post?
  69. Code for unique user visit count on every page WordPress
  70. How to sort posts by active category in WordPress?
  71. Additional file upload in Gutenberg page options/featured image
  72. Display WordPress search results based on the selected Sub-Category
  73. Variation prices breakdown only for single product page
  74. How to add JS script in specific pages in WordPress?
  75. WordPress single.php get_header not working
  76. Load more posts using AJAX based on posts inside WP_Query
  77. How to use wp_ajax_set_post_thumbnail?
  78. Passing a value from an input field to a php function in WordPress?
  79. Unable to retrieve get_author_posts_url
  80. Google CSE Malfunctions via Chrome/Safari on Mobile When Clicking on Either Search Icon/Menu Icon. How to Make Google CSE Default Theme Search
  81. Store user form submitted information in post type
  82. Using wp_editor() when not logged stopped working
  83. Modifying child theme’s header
  84. Show subcategory name selected in specific category woocoommerce
  85. WordPress files break if I edit them, but adding a closing PHP tag fixes it
  86. Move Jquery.js to Footer
  87. How can i iterate through this shortcode array?
  88. Not able to get the exact URL of the file on server located in active wordpress theme
  89. Extend the WP_Customize_Image_Control class to change its non-frame $button_labels
  90. add bootstrap modal after login in wordpress
  91. Help with my first Metabox helper class
  92. need help to arabic text in wordpress
  93. Add multiple JavaScript files to template header [duplicate]
  94. Add specific phrase after every product title including the discounted price? [closed]
  95. Trouble figuring out how to get my button to submit comment
  96. Using is home to get content [closed]
  97. How I can give a php page a style from my theme
  98. Woocommerce Convert existing order to the cart
  99. WordPress PHP8 Critical Error in class-wp-widget.php
  100. How can i add a script with parameters?